Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Marks

Public visualization

Viewing a saved revision (read-only)

e3265da513d14ceb834d9f14c6a941be

Rendering Marks

0 stars0🌍 Public
Nnagarjuna1968
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example displays a horizontal bar chart of the top 20 companies by brand value, using a dataset loaded from a CSV file via `d3.csv`. The visualization renders SVG marks with React, mapping each company to a `rect` whose width is scaled by its brand value using `d3.scaleLinear` and whose vertical position is determined by `d3.scaleBand`. Axes are composed manually from tick marks and labels generated by the scales, with gridlines drawn as blue SVG lines.

AI-generated description

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

See also React Starter.