🌍 Public
Viewing a saved revision (read-only)
aa0d8e5a22b44bc39e78813abdee57bd
Bar Plot with different colors
This bar plot displays three categories—Recommended, You, and Peers—with varying values, highlighting differences in a simple comparative view. It uses D3.js v7 with scaleBand for the x-axis, scaleLinear for the y-axis, and scaleOrdinal with schemeCategory10 to assign distinct colors to each bar. The chart is rendered as an SVG with explicit margins and background styling, while axes are generated via axisBottom and axisLeft. The code includes placeholder logic for bars but does not complete the rectangle drawing or axis labels, so the final visual remains incomplete.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative
Svelte
Here's a video on how to get started with Svelte as well!