Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Graph Example

Public visualization

Viewing a saved revision (read-only)

4bfca732f94d4bd3a137ffe6215fc7db

Bar Graph Example

0 stars0🌍 Public
SSriyaI
Last edited May 20, 2023
Created on May 20, 2023
Forked from Draw on Map

This example creates an interactive map of India showing PM level markers for various cities. When a user clicks a marker, a popup displays a bar chart visualizing the PM level for that location. The map is built with Leafet.js, while D3.js handles both the SVG markers and the Canvas-based bar chart rendering. Marker data comes from a CSV file, and the bar chart is generated by a JavaScript function that draws directly onto the canvas element.

AI-generated description

A demonstration of how to start using D3 version 6.