Skip to main content
Log in
M

Mario Edson de Almeida

@mariochem·5 public vizzes

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the minimal setup required to render text with D3 version 7. It displays the string “Hello D3 version 7” centered on a blank page, using a large font size. The code loads D3 from a CDN and selects the body element with `d3.select`, then sets its content via the `.text()` method. No data or complex rendering is involved, serving purely as a starting point for D3 projects.

Apr 21, 2022
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays a large, centered greeting message. The page uses plain CSS to style the text and JavaScript-free markup to render the static content. It highlights the fundamental structure of an HTML document, including a `<style>` block for presentation and a `<div>` element for content. The code relies on standard HTML and CSS only, with no external libraries or data sources, serving as a baseline for web-based visualization projects.

Apr 21, 2022
Loading thumbnail…

Cars Report

This example displays the model name of the first car in a static JSON dataset. It uses the D3 library loaded via UNPKG, with the `cars.js` module parsing the JSON and exporting the array. The `index.js` file imports the `cars` data, selects the `model` property from the first element, and sets it as the text content of a `<pre>` element in the HTML, demonstrating local ES6 module imports and dynamic text injection.

Apr 21, 2022
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays a large, centered greeting message. The page uses plain CSS to style the text and JavaScript-free markup to render the static content. It highlights the fundamental structure of an HTML document, including a `<style>` block for presentation and a `<div>` element for content. The code relies on standard HTML and CSS only, with no external libraries or data sources, serving as a baseline for web-based visualization projects.

Apr 21, 2022
Loading thumbnail…

Cars Report

This React-based visualization presents a minimal "Cars Report" dashboard that currently displays a static "Hello HTML!" message in a large, centered font. The example demonstrates how to structure a basic web page using HTML, CSS, and JavaScript within a React starter template from VizHub. The code uses standard DOM elements and inline CSS styling, with no data loading or charting libraries yet implemented. It serves as a foundational scaffold for future interactive visualizations, focusing on layout and styling rather than data-driven graphics.

Apr 21, 2022