Guilherme Corsi

@guicorsi·3 public vizzes

Hello D3 Version 6

This example demonstrates the simplest possible setup for D3 version 6, displaying a static text message in the browser. The page loads D3 v6 from a CDN and uses plain JavaScript to write “oi” into a `<pre>` element via `document.getElementById`. It also defines a `dummy_data` object with six string values but only logs it to the console, never rendering it visually. The code relies on standard DOM manipulation rather than any D3-specific APIs like selections or scales.

Sep 8, 2020

Loading thumbnail…

Hello D3 Version 6

This example demonstrates the simplest possible use of D3 version 6 to display a single text value from a JavaScript object. The code creates a dataset with string keys and values, then uses `Object.keys()` to access the second key, “DevOps,” and writes it into the page’s DOM via `textContent`. The visualization shows that plain text output in a large font, styled with inline CSS. It relies on the D3 v6 library loaded from a CDN, with a bundled `index.js` and static `index.html`, offering a minimal starting point for learning D3’s API.

Sep 8, 2020

Loading thumbnail…

Cars Report

This example displays a static text message, "hi", on a blank page. It uses the `textContent` API on the `message-element` DOM node to render the string. The application is built with React and imports car data from a JSON string via `cars.js`, though the displayed content does not incorporate that data. The page is served from an `index.html` file that loads a compiled `bundle.js` script.

Sep 8, 2020