Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

0f4763e216f540529f366ea58c0dfcc4

Making a Bar Chart

0 stars0🌍 Public
Ddivyanshu7073
Last edited Jan 8, 2020
Created on Jan 8, 2020
Forked from Making a Bar Chart

This example demonstrates how to build a basic bar chart using React and D3.js, displaying the heights of six notable buildings from a CSV data file. The SVG-based visualization renders steelblue rectangles for each bar, with text labels sized at 1.4em. The code initializes by selecting the SVG element from the HTML, then loads the data using D3's `csv` function, which parses the building names and heights. The current implementation focuses on data ingestion and console logging, with the visual encoding already defined in the stylesheet.

AI-generated description

A bare minimum HTML page.

See also React Starter.