Josh-B-Creative

@Josh-B-Creative·2 public vizzes

Dataviz Tutorial

This example displays a static smiley face rendered as an SVG, using a yellow circle with black stroke and two smaller black circles for eyes. The code imports React and ReactDOM, and renders an App component into the root div, though the visible graphic is placed directly in the HTML. The project uses React 17.0.2 from the unpkg CDN, with the SVG elements defined inline in the index.html file, while a separate style.css and bundle.js handle presentation and logic. The visualization is a simple, non-interactive illustration of basic SVG shapes within a React setup.

Jan 5, 2022

Loading thumbnail…

Tutorial fork

This example demonstrates the fundamental capability of VizHub to load external libraries and execute modular JavaScript code. It uses D3.js version 5, imported directly from a CDN, to select an HTML element and set its text content. The program also imports a local ES6 module named `message.js`, which exports a string that is rendered inside a styled div. The visualization simply displays the text "Hello VizHub!" centered on the page using CSS, illustrating basic D3 selection and DOM manipulation along with local module imports.

Jan 4, 2022