Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Makking a Bar Chart

Public visualization

Makking a Bar Chart

0 stars0🌍 Public
Aalanhealy
Last edited Dec 7, 2020
Created on Dec 7, 2020

This example demonstrates how to build a bar chart by dynamically loading a CSV dataset and preparing it for visualization. The code uses D3.js v5, specifically the `select` and `csv` APIs, to fetch data from a Google Sheets URL and log each row’s “headline” field to the console. An SVG element with fixed width and height is selected from the HTML, while the chart itself is not yet rendered—only the data import and structure are showcased. The page also includes a YouTube video explaining the process.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed