jon65

@jon65·3 public vizzes

Fork of React + D3 Viz Starter

This example demonstrates a minimal React and D3.js starter project for SVG visualizations. It shows a simple SVG canvas with a light gray background, a darker gray border, and a single red circle in the top-left corner. The code defines a reusable `VizContainer` component that handles the standard margin convention, translating the inner coordinate system and optionally displaying the margin boundaries. It uses CDN-loaded React, ReactDOM, and D3, with dimensions and margins set as variables, and renders the visualization through the `ReactDOM.render` API.

Feb 28, 2023

Loading thumbnail…

SVG FUNDAMENTALS

This example demonstrates the foundational contrast between HTML and SVG rendering by displaying a large, centered text message styled with CSS. The page uses a simple HTML structure with a `div` element carrying the class `message`, which applies a font-size of 13em and text alignment. It does not utilize any JavaScript or data visualization libraries, remaining a bare-bones starting point for exploring SVG fundamentals within a React context. The code highlights basic CSS styling applied directly to an HTML element.

Feb 7, 2023

Loading thumbnail…

Fork of Hello HTML

This example shows a nearly empty HTML page with a title, acting as a minimal starting point for a web-based visualization. The page contains no visual or interactive elements, only a document title in the browser tab. The code uses plain HTML5 structure with a `<!DOCTYPE html>` declaration and `<html>`, `<head>`, and `<body>` tags. It demonstrates the absolute minimum required to load a page, without any JavaScript libraries, data sources, or rendering APIs.

Sep 3, 2021