Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Plot with different colors

Public visualization

Viewing a saved revision (read-only)

aa0d8e5a22b44bc39e78813abdee57bd

Bar Plot with different colors

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Mar 1, 2024
Created on Feb 29, 2024
Forked from Circles with D3

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 description

Creating 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!