libertycoda

@libertycoda·2 public vizzes

Untitled

This example demonstrates a minimal React application that renders an interactive visualization using D3.js. It displays a force-directed graph where nodes and links are positioned and animated through d3.forceSimulation. The React component manages the SVG container as a ref and directly manipulates the DOM to update node positions and link paths on each simulation tick. The code imports specific D3 functions including forceSimulation, forceLink, forceManyBody, forceCenter, and uses a drag interaction via d3.drag. Data is created inline as a small set of test nodes and edges.

Jun 2, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that displays the text "Hello HTML" centered on the screen. It uses a basic `<style>` block to set the font size and text alignment, with no external libraries or JavaScript. The page serves as a bare-bones starting point for web development, showing how plain HTML and CSS can render content without any visualization frameworks. The code is fully self-contained in a single `index.html` file, making it a simple reference for basic document structure.

Jun 2, 2020