Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Untitled

0 stars0🌍 Public
EEDPnajmi
Last edited Mar 24, 2022
Created on Mar 15, 2022
Forked from HTML Starter

This example shows a butterfly chart comparing the Teaching, Research, and Citation ratings of a single university, Caltech, using two horizontal bars that extend symmetrically from a central axis. The left side uses royalblue bars, while the right uses steelblue, with numeric values labeled above each bar. Built with D3 v7 in an SVG, the code converts the first row of CSV data into long format, then uses `d3.scaleLinear` for the bar lengths and `d3.scaleBand` for row positioning.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed