Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cars Report

Public visualization

Cars Report

0 stars0🌍 Public
NNigel Quinlan
Last edited Mar 14, 2021
Created on Mar 14, 2021
Forked from D3 Starter

This example demonstrates a text-based report of cars filtered by price, displaying each vehicle as a formatted line of year, make, model, and price. The page renders the final report in a large, centered `<pre>` element, showing only cars under $3,000 from a hardcoded JSON dataset. The code uses D3 v6 to load and display the data, while custom ES6 modules `formatCar.js` and `generateReport.js` handle data transformation and filtering. The report is generated by chaining array methods, specifically `filter` and `map`, before joining the results into a single string.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed