kippspan

@kippspan·2 public vizzes

Hello World

This example demonstrates how to load and parse a small JSON dataset of car information and render the first car’s make in the browser. It shows the basic structure of a VizHub project, including importing local ES6 modules (`cars`, `myMessage`) and the `select` function from D3 v5, which is loaded via a CDN. The code also includes commented-out examples of DOM manipulation with `textContent` and D3’s selection API, while the HTML page contains a `<pre>` element that would display the output.

Jan 21, 2022

Loading thumbnail…

My HTML Starter

This example shows a static SVG smiley face composed of a large yellow circle and two smaller black eye circles, rendered on an HTML page. The page also includes a React component that renders the text “Hello JSX” into a root div, though the SVG remains the primary visual. The code uses React and ReactDOM from unpkg CDN links, alongside plain HTML and CSS. The SVG elements are drawn with explicit coordinates and styling properties such as fill, stroke, and stroke-width.

Jan 21, 2022