Skip to main content
Log in
B

bladestorm786

@bladestorm786·5 public vizzes

Loading thumbnail…

Fork of Organization Graph Diagram

This force-directed graph depicts the network of organizations connected to the Kenneth Rainin Foundation. Each main node represents a major entity like Arts Web or AmbitioUS, with smaller child nodes and leaf nodes showing related groups. The visualization uses d3.forceSimulation with charge, link, and center forces to lay out the SVG elements. Users can drag circles to interact with the layout, while lines and text labels update their positions during each simulation tick.

Jan 1, 2023
Loading thumbnail…

Fork of La Ola Group

This network diagram visualizes the structure of the "La Ola Group", depicting main departments like Coordination, Commercial, Technical Area, Finance, and IT, each with child nodes representing sub-teams. Each child node is surrounded by a cluster of leaf nodes. The force-directed layout, powered by `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter`, positions nodes based on link distances and a repulsive charge. The visualization is rendered as an SVG and uses a color palette from Paletton, with Node.js data structures defining nodes and links for the simulation.

Dec 31, 2022
Loading thumbnail…

Fork of La Ola Group

This network diagram visualizes the organizational structure of a company, showing main departments like Coordinacion, Comercial, Area Tecnica, Finanzas, and IT as large colored nodes. Each department connects to smaller child nodes representing sub-teams (Ventas, Marketing, R&D), which further branch into tiny leaf nodes. The graph uses d3.forceSimulation with forceManyBody and forceLink to create a physics-based layout. Colors are defined in a separate module generated via Paletton. The interactive SVG visualization runs in d3.v6, with drag functionality and tick-based position updates for nodes, links, and labels.

Dec 31, 2022
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart visualizes the estimated 2010 religion breakdown of the world’s 20 most populous countries, using horizontal bars segmented by religious affiliation. Hovering over a bar segment displays a tooltip with the exact population count for that religion in that country, while hovering over the legend highlights only the bars for the selected religion, dimming others. The visualization uses D3.js v3 with d3.layout.stack, d3.svg.axis, d3.legend, and d3-tip, rendering as an SVG with animated transitions. Data comes from Pew Research’s Global Religious Landscape, processed via a custom script.

Dec 31, 2022
Loading thumbnail…

Fork of Organization Graph Diagram

This force-directed graph depicts the network of organizations connected to the Kenneth Rainin Foundation. Each main node represents a major entity like Arts Web or AmbitioUS, with smaller child nodes and leaf nodes showing related groups. The visualization uses d3.forceSimulation with charge, link, and center forces to lay out the SVG elements. Users can drag circles to interact with the layout, while lines and text labels update their positions during each simulation tick.

Dec 31, 2022