Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Loading and Parsing data with CoronovirusData

Public visualization

Viewing a saved revision (read-only)

8bea51fdc3934b1090a0332b7f6e884a

Loading and Parsing data with CoronovirusData

0 stars1๐ŸŒ Public
NNaveenrajaYalagandula
Last edited Feb 28, 2022
Created on Feb 27, 2022

This example demonstrates how to load and parse a CSV file containing coronavirus data using D3.js within a React framework. The page displays a static SVG illustration of a cartoonish face alongside a message container that summarizes the dataset. The code fetches the CSV from a GitHub gist via `d3.csv`, then uses `d3.csvFormat` to calculate the file size in kilobytes, and reports the row and column counts. The rendered output is styled with custom CSS, including a colored header and a formatted `<pre>` element for the data summary.

AI-generated description

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

See also React Starter.