Sdsvg NPM | npm.io

sdsvg

render square dance formations as SVGs

note: "hexagon" geometry setting is a lie right now :(

import { formationToSvg, Formation } from "sdsvg";

formationToSvg("1> 2> . . / . . 6< 5<");

const formation = new Formation("e.e/nsns/w.w", {
  body: { fillOpacity: 0.2 },
  nose: { size: `*2` },
});
formation.toElement(document.getElementById("#svg"));

formationToSvg(
  [
    { x: 0, y: 0, direction: "north", label: "A", color: "blue" },
    { x: 1, y: 0, direction: ["north", "south"], label: "B", phantom: true },
  ],
  { layout: { geometry: "hexagon", origin: { x: 0.5, y: 1.5 } } },
);

npm.io