Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

96295c263e4c44c281ac7cffc62d8baf

Shapes and Colors with SVG and CSS

0 stars1🌍 Public
KKateryna
Last edited Sep 19, 2020
Created on Sep 19, 2020

This example shows the duration of unemployment by industry, plotting each industry on a vertical scale against the number of months on a horizontal axis. Circles represent individual data points from a CSV file, with all circles uniformly filled in steelblue via CSS. The visualization uses d3.scaleLinear and d3.scalePoint for positioning, while d3.axisLeft and d3.axisBottom generate the axes with gridlines. SVG rendering is handled through D3 selections, and the chart includes a title and axis label.

AI-generated description