dannockr

@dannockr·3 public vizzes

Fork of SVG Fundamentals

A fork of the SVG Fundamentals demonstration shows a series of basic vector shapes drawn on a fixed 960-by-500 canvas. Overlapping red and green circles illustrate layering, while a yellow rectangle with a navy stroke and a thick black line and path demonstrate stroke styling and relative path commands. The static example uses only raw SVG markup and inline HTML styling, with no external JavaScript libraries or interaction.

Aug 26, 2022

Loading thumbnail…

RD's Fork of Hello VizHub

This example demonstrates a minimal D3.js setup that displays a static text message in the center of the page. It uses `d3.select` to target the `#message` div and set its text content from an imported ES6 module. The code loads D3 v5 from UNPKG, imports the `select` function directly, and uses a local module to provide the message string. The rendering approach relies on plain HTML and CSS, with no data binding or dynamic visual elements.

Aug 26, 2022

Loading thumbnail…

SVG Fundamentals

This example demonstrates the foundational relationship between HTML, CSS, and JavaScript in a web page, displaying a large “Hello HTML!” message centered via CSS. The code uses a plain HTML `<div>` with a CSS class for styling and font sizing, with no external libraries or data sources. It serves as a minimal starting point for understanding DOM structure and styling before introducing SVG or React-based visualization patterns, as referenced in the accompanying React Starter link.

Aug 26, 2022