Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

VizHub

Public visualization

Viewing a saved revision (read-only)

c913d2ceb54a4d69b1c6f0b5690c4f43

VizHub

0 stars0🌍 Public
JJason Skelton
Last edited Jan 21, 2022
Created on Jan 21, 2022
Forked from HTML Starter

A tutorial example demonstrates JavaScript modules and data handling alongside a simple animated SVG face. It loads a hardcoded JSON array of car objects through a mock asynchronous function, filters the results by price, and formats them into a text report. Concurrently, D3 v5 selects an SVG element and builds a yellow circle face with eyes, animated eyebrows using `transition.attr`, and a mouth drawn with the `d3.arc` path generator. The example shows object destructuring in `formatCar.js` and promise-based data retrieval via `getCars`.

AI-generated description

An example tutorial of how to use JavaScript objects, arrays and modules.