Charming

Note

The current next branch is implementing the new proposal API for production use. Please refer to the main branch for the current release.

The JavaScript library for generative art based on SVG.

import {svg, flow} from "charmingjs";

const state = flow()
  .state("x", 0)
  .on("loop", () => (state.x = Math.abs(Math.sin(Date.now() / 1000)) * 200))
  .join();

const node = svg.svg({width: 200, height: 50}, [
  svg.circle({
    cx: state.select("x"),
    cy: 25,
    r: 20,
  }),
]);

document.body.append(node);

Resources 📚

• Documentation - https://charmingjs.org/
• Features - https://charmingjs.org/what-is-charming

License 📄

MIT@Bairui SU