Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

nikhil_D3.js Bar Chart

Public visualization

Viewing a saved revision (read-only)

fe2ee1333b9e4334bcf42b95122e5cf6

nikhil_D3.js Bar Chart

0 stars0🌍 Public
Kkottenikhil
Last edited Apr 6, 2023
Created on Apr 6, 2023
Forked from D3.js Bar Chart

This example visualizes the top 15 most expensive cities by their mean Cost of Living Index using a bar chart. The code loads CSV data via `d3.csv`, filters by rank, and aggregates values with `d3.nest()` and `d3.mean`. It renders an SVG with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, using `d3.axisBottom` and `d3.axisLeft`. Bars change color on mouseover and display a tooltip with city and index details.

AI-generated description

A demonstration of how to start using D3 version 6.