Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar chart

Public visualization

Bar chart

0 stars0🌍 Public
JJonathan Arredondo
Last edited Jun 1, 2021
Created on Jun 1, 2021
Forked from D3 Starter

Two paired charts analyze institutional goals and outcomes. The first, a grouped bar chart, compares goal versus result values across five strategic areas using `d3.scaleBand` and `d3.scaleLinear`, rendering semi-transparent `rect` elements in SVG. The second, a lollipop chart, shows percentages by sector and category using `d3.axisBottom` and `d3.axisLeft`, drawing with `line` and `circle` primitives. Both are built with React and D3 v6, reading data from imported JavaScript arrays.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed