raphaeldecosta

@raphaeldecosta·2 public vizzes

Cars Report

This example displays a plain-text report of cars priced under $2000, generated from a small inline JSON dataset containing car year, make, model, and price. It shows a filtered list of qualifying entries, each formatted as a single line combining these attributes. The visualization uses React, JavaScript, and CSS, with helper functions `formatCar` and array methods `filter` and `map` to process and transform data. The final report is rendered into a `<pre>` element via the browser’s Document Object Model.

Mar 2, 2021

Loading thumbnail…

Fork of D3 Hello World

This example demonstrates how to initialize D3 version 6 by displaying a preformatted text message in the browser. The code imports a hardcoded JSON array of car objects—with fields like year, make, model, and price—from a separate module, parses it, and then uses D3’s selection API to set the text content of a `<pre>` element. The page uses d3.v6.min.js from a CDN and relies on a bundled script, though the visible output is static text rather than a chart or interactive visualization. The styling centers the message and enlarges the font for readability.

Mar 2, 2021