Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Face with D3.js

Public visualization

Viewing a saved revision (read-only)

c4e79c0e69094de49ad55b6e79933e36

Making a Face with D3.js

0 stars0🌍 Public
MMichelle Mac
Last edited Aug 17, 2020
Created on Aug 17, 2020

This example uses D3.js v5 within a React framework to render a static SVG visualization. It imports car data from a local JSON file, formats each entry with a helper function, and filters the dataset to generate a text report of vehicles under a specified price. The visualization colors the entire SVG background red using D3’s selection API, while the report is displayed as plain text. The code demonstrates data parsing, asynchronous promise-based data retrieval, and SVG styling, but does not include any interactive or animated face-drawing behavior.

AI-generated description

React Starter code.