Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

5a13db657f1b444d8de006a68816cde2

Fork of HTML Starter

0 stars0🌍 Public
Eedmundo.guerra.ipad@gmail.com
Last edited Feb 11, 2025
Created on May 16, 2024
Forked from HTML Starter

This example shows a simple bar chart of 20 numeric values using D3. It renders an SVG with rectangles and text labels, where bar height and color intensity map to each data point. The code uses `d3.select` to build the SVG, `.data()` with `.enter()` to bind the dataset, and `.append('rect')` and `.append('text')` to draw the visualization. Bars are positioned with computed `x`, `y`, and `height` attributes, while labels display the values in white sans-serif text.

AI-generated description

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

See also React Starter.