Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

ee59750751d54b3d86a4af6037b561d7

Fork of HTML Starter

0 stars0🌍 Public
SSai Hemanth Babu Sunkari
Last edited Mar 7, 2024
Created on Mar 7, 2024
Forked from HTML Starter

This example demonstrates a D3.js visualization that combines a static SVG illustration with dynamic data loading. It displays a decorative smiley face with ears, a nose, and a hat, rendered using SVG shapes like circles, ellipses, polygons, and paths. The visualization also fetches a CSV file from a remote URL using D3’s `d3.csv` method, then computes and displays basic dataset statistics—such as file size in kilobytes, row count, and column count—in a styled text element. The page uses custom CSS for typography and layout, while the SVG is centered and responsive. The visualization is built with React and D3 v7, rendering entirely via SVG.

AI-generated description

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

See also React Starter.