Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading external data

Public visualization

Loading external data

0 stars0🌍 Public
Rremyapk
Last edited Mar 13, 2020
Created on Mar 13, 2020
Forked from HTML Starter

This example demonstrates loading external data from a JSON file and rendering it as a horizontal bar chart. The data contains employee names, titles, ages, and bonus statuses, with age plotted against name using D3 v4’s `d3.json` to fetch the file. Scales `d3.scaleLinear` and `d3.scaleBand` position the bars, while `d3.axisLeft` and `d3.axisBottom` generate axes. The SVG output is styled with hover effects in CSS, and the chart updates once data is loaded asynchronously.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed