rong0102

@rong0102·2 public vizzes

Fork of Organization Graph Diagram

This example shows a network of organizations connected to the Kenneth Rainin Foundation, with main nodes representing partner groups and smaller child nodes for their sub-organizations. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes dynamically, while SVG circles and lines render the graph. Node colors come from a generated palette in `colors.js`, and data is hardcoded in `data.js`. Users can drag nodes to reposition them, triggering simulation restart via D3’s `drag` interaction.

May 22, 2023

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimalist webpage that renders the message "Hello HTML!" in large, centered text using CSS. The code defines a `.message` class with a font size of 13em and text alignment, applied to a single div element. It relies solely on plain HTML and CSS, with no JavaScript logic or external data sources. The page serves as a clean foundation for building more complex visualizations, utilizing the inherent styling capabilities of CSS for typography and layout.

May 22, 2023