AB7zz

@AB7zz·2 public vizzes

Flowchart.JS

This example shows a minimal HTML page that displays a single text message, "Hello HTML!", centered and styled with large font size. It demonstrates the foundational structure for building web-based visualizations using CSS for styling and JavaScript for interactivity. The code uses plain HTML elements and CSS properties, with no external libraries or frameworks beyond the core web technologies. It serves as a starting point for integrating more complex libraries like React, as noted in the README's reference to a React starter template.

Jan 25, 2022

Loading thumbnail…

D3.JS

This example shows a small directed network of three organizations—Arts Web, Community Vision, and Silicon Valley Creates—as labeled circles connected by lines. The visualization uses D3.js version 7 with a force-directed layout, employing `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes. Data comes from a local `data.js` module, and the SVG elements (circles, lines, text) are updated on each simulation tick. The text labels are styled white with a black stroke for readability.

Jan 25, 2022