Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Annotated Bar

Public visualization

Annotated Bar

0 stars1🌍 Public
KKamalabot
Last edited Jul 8, 2022
Created on Jul 8, 2022

This annotated bar chart demonstrates foundational SVG construction using D3.js v7. The visualization combines manually positioned bars with a hand-drawn polyline path and intricate marker annotations created through SVG path data. The code applies CSS classes for styling elements like the yellow-highlighted first bar, while inline attributes control fill colors, opacity, and stroke properties. The example serves as a pedagogical introduction to creating static vector graphics, using raw SVG elements rather than D3’s higher-level chart abstractions.

AI-generated description

A demonstration of how to start doing datavisualisation.

Work on the tutorials from Get it Black and White from Curran's new D3 videos.

We are doing only the basic SVG to begin with

Comments

Sign in to join the discussion.

MIT Licensed