Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo line chart with D3

Public visualization

Pseudo line chart with D3

0 stars2🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 16, 2025
Created on Sep 16, 2025
Forked from Circles with D3

A pseudo line chart uses a thick, rounded SVG path to connect fourteen colored circles scattered across the canvas, creating a playful visual of a data trend. The chart is rendered statically in SVG, with the path stroked in black and the circles colored via a static JavaScript array. The D3 library’s selection API, specifically `d3.select` and the `.join` method, programmatically maps the circle data to SVG elements, setting their `cx`, `cy`, `r`, and `fill` attributes to display the decorative points.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed