TLAndrade

@TLAndrade·4 public vizzes

Data Table Summary

This example summarizes a CSV dataset of 2018 population estimates for the most populous countries from the UN World Population Prospects. It displays the total row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. The code uses d3.csv to load the data, d3.csvFormat to calculate size, and d3.select to append the results to the body. The output appears in a monospaced preformatted element with a terminal-like green-on-black style.

Aug 9, 2019

Loading thumbnail…

Hi VizHub

This example displays a single data value extracted from a local JSON array of car records, rendering the year of the first car in red text on a dark background. The page loads D3 v5 and uses an ES6 module to parse the embedded car data with `JSON.parse`, then writes the value to a DOM element via `document.getElementById`. The styling uses a Google Fonts import and a custom CSS class.

Jul 26, 2019

Loading thumbnail…

Hi VizHub

This example demonstrates a minimal interactive webpage that displays a greeting message using D3.js. It defines a custom ES6 module for the text content and renders it inside a styled HTML element. The visualization relies on D3's `select` method to update the DOM, while the page’s appearance is controlled through CSS with an imported Google Font. The code showcases basic module importing and D3’s utility for DOM manipulation, serving as a simple introduction to VizHub’s workflow.

Jul 25, 2019

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background using the D3.js library. The code imports the `select` function from D3 and a local ES6 module via `myMessage.js`, then assigns the message to the `#message` div. Styling relies on the Ubuntu font loaded through Google Fonts, with CSS configuring the large, centered layout.

Jul 24, 2019