The Logo Forge

Drop your company's .svg logo anywhere on the panel below and it becomes a unit chart: your mark, drawn out of your numbers, one dot per unit. Nothing is uploaded. The file is read in this page, sampled into an outline, and handed to shapeFrom, which packs it with the same engine the 39 built-in shapes use. Then the controls are the documented options, so you can find the settings your mark needs before you write a line of it.

Drop an SVG logo here or click to choose a file. It never leaves your browser. or paste markup
Or try:
Source: Halo (preset)
Subpaths sampled: 1
Dots placed: 0
Rows: 0
Thinnest run: 0 dots

The code for the mark on screen


      
        

          What to expect from your own file. The fill rule is loaded from your
          artwork when it declares one, so most files land right the first time; the
          toggle is for the ones that do not, and it is the first thing to try when a
          mark arrives wrong. The two rules fail in opposite directions, and the
          presets show both: nonzero (the default) unions overlapping subpaths
          and needs a hole wound the opposite way round, so the nested Ring collapses
          into a plain disc under it. evenodd decides by nesting alone, which
          suits that ring, but treats every OVERLAP as a hole, so it takes the Cup
          apart at the seams where its rim and handle meet the body. A stroke-only monoline logo has no interior to fill, so it is routed to
          strokeFrom and its centrelines are thickened instead. Text is
          the one thing that will not work: a wordmark still in a <text>
          element has no geometry to sample, so convert it to outlines in your design
          tool first. Watch the thinnest run readout as you pull the dot count
          down: the number of dots at which your mark stops being your mark is exactly
          what minUnits is for. For what to then do with the mark once it
          packs cleanly, the Your logo, made of your numbers sample takes one
          through a five-beat story. Needs the
          apexcharts/unit-shapes build. The unit chart is a premium type;
          without a license it renders with a trial watermark.