Aider LLM Generated Code Demo
This gallery example presents a static, abstract data visualization created almost entirely by an AI coding tool (Aider) paired with a locally hosted LLM. The code renders 100 randomly positioned circles on a black background, each filled with a color from the D3 `hcl` color space. Thin black lines connect circles that are within a distance threshold of 50 pixels. Every circle is labeled with a country name from a bundled `countries.js` array, with text styled in white with a black stroke for legibility. This demonstrates the use of D3's `select` and `join` APIs to declaratively build the SVG elements.
AI-generated descriptionA short experiment using Aider (AI coding tool) with locally hosted LLM (no OpenAI billz!) with Vite and D3. It was a success! The future is now! Iterate your interactive visual projects using prompts only. No need to even read the code lol. What a time to be alive.








Comments
Sign in to join the discussion.