Skip to main content
Log in
A

Axel-Pond

@Axel-Pond·7 public vizzes

Loading thumbnail…

Fork of D3 Starter

This example shows a minimal D3 setup: it renders the text “Hello D3 version 7” in the center of the page at a large font size. The code imports the `select` function from D3 and calls `select('body').text(...)`, using D3 v7.8.2 loaded via a CDN script tag. The page structure is defined in `index.html`, with the JavaScript logic in `index.js`.

Jun 4, 2023
Loading thumbnail…

Fork of Fork of HTML Starter

This example displays the text "Hello HTML!" centered on the page at a very large font size. It uses plain HTML and CSS with a `.message` class and a `font-size` of 13em, while the styling is defined in a `<style>` tag within the document head. The page does not include any JavaScript logic or external libraries; it simply demonstrates a minimal setup for rendering styled content in a browser.

Jun 4, 2023
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays the centered message “Hello HTML!” in large text. The page uses a single CSS class to set the font size to 13em and center the text horizontally. No external libraries or data sources are involved; the rendering relies entirely on plain HTML and CSS within the embedded `<style>` block.

Jun 4, 2023
Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A force-directed graph shows the network of connections among four main organizations supported by the Kenneth Rainin Foundation, with linked child nodes and leaf nodes representing smaller partners. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text labels are rendered and updated on each tick. Colors are assigned per organization from a generated palette, and nodes are draggable via `d3.drag`, which fixes their position and restarts the simulation. Data is defined programmatically in `data.js`, and the graph is rendered entirely with SVG elements.

Jun 4, 2023
Loading thumbnail…

Fork of Organization Graph Diagram

This fork of an organization graph diagram visualizes the network of connections among Kenneth Rainin Foundation grantees, with four main colored nodes (Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS) linked together and branching into child and leaf nodes. Built with D3 v6, it uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while `drag` enables interactive repositioning. The SVG rendering displays circles sized by node hierarchy and labeled lines colored by parent node, with data defined in a separate module using `export` arrays.

Jun 4, 2023
Loading thumbnail…

Fork of D3 Starter

This example shows a minimal D3 setup: it renders the text “Hello D3 version 7” in the center of the page at a large font size. The code imports the `select` function from D3 and calls `select('body').text(...)`, using D3 v7.8.2 loaded via a CDN script tag. The page structure is defined in `index.html`, with the JavaScript logic in `index.js`.

Jun 4, 2023
Loading thumbnail…

Fork of Hello HTML

A minimal HTML page demonstrates the most basic structure of the web, rendering an empty document with only a title. The example uses bare HTML with a `<!DOCTYPE html>` declaration, a `<head>` section, and an empty `<body>` element. No external libraries, JavaScript, or CSS are involved, since the code is strictly static markup. The composition highlights the fundamental skeleton of any web page, serving as a starting point for visualization projects that require a fully blank canvas.

Jun 4, 2023