BitMapper

BitMapper is a visual data encoding tool that transforms text into beautiful, geometric bit patterns. By converting characters into their binary representation and mapping them onto various layouts, it creates unique visual signatures for any piece of information.

Features

• Multiple Layouts:
  • Grid: Standard byte-aligned grid (8-bit increments).
  • Zig-Zag & Snake: Continuous paths for sequential data visualization.
  • Hilbert Curve: Space-filling curve that preserves data locality.
  • Spiral & Concentric Circles: Radial patterns for a more organic, artistic feel.
• Full Customization:
  • Independent styling for 0 and 1 bits (Circle, Square, Triangle, Hexagon).
  • Adjustable scale, rotation, and spacing.
  • Custom background colors or Full Transparency.
• Byte-Aligned Precision: Grid columns snap to 8-bit increments with adjustable "Byte Gaps" for easy manual decoding.
• Interactive Viewport: Pan and zoom to inspect intricate patterns.
• High-Quality Export: Download patterns as clean, scalable SVG files.

Use Cases

3D Printing & Physical Art

Export your patterns as SVGs to be used in CAD software (like Fusion 360 or Tinkercad).

• Tactile Data: Create physical "data coins" or jewelry where the bits are embossed or debossed.
• Functional Decor: Design 3D-printed panels where the holes represent encoded messages.

Steganography & Secret Messages

Use the Transparent Background feature to hide messages in plain sight.

• Image Overlays: Overlay a transparent bit pattern onto a busy photograph. To the casual observer, it looks like digital noise or an artistic filter, but it contains a decodable binary string.
• Watermarking: Add subtle, stylized data signatures to your digital artwork.

Educational Tool

Visualize how text is represented in binary. The byte-grouping features make it easy to see the relationship between characters and their 8-bit components.

How to Use

1. Input Text: Type your message in the text area (up to 1024 characters, or 256 for concentric layouts).
2. Choose Layout: Select a geometric mapping that fits your aesthetic.
3. Style Bits: Adjust the shapes and colors of your 0s and 1s.
4. Adjust Spacing: Use the Gutter and Byte Gap sliders to refine the layout.
5. Export: Click the Download SVG or PNG button to save your creation.