Sankey Russian Government Spending

100%

Sankey Russian Government Spending

✓ Published0🌍 Public

Last edited May 16, 2022

Created on May 16, 2022

Forked from test of Fork of SANKEY Experiment

This Sankey diagram visualizes Russian government spending flows, showing how total notifications distribute into matched and scrap categories before splitting into subcategories like XRM, Prodc, and PN OTD. Using D3.js version 3.5.17, the code implements a custom `d3.sankey` layout function with node and link rendering via SVG. The visualization assigns colors to nodes and uses curved paths for links, with hover effects increasing stroke opacity. Data comes from an embedded JSON array containing seven nodes and six links with numerical values.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

SANKEY Experiment

This example shows a sankey diagram tracking notification flows, using D3.js 3.5.17 with custom `d3.sankey` layout functions and SVG rendering. The diagram visualizes how 65,205 total notifications split into matched and scrap categories, with matched items further distributed across XRM, Prodc, PN OTD, and CRB targets. The code defines the sankey layout, node width, padding, and link curvature, while styling node rectangles and semi-transparent links. Clicking or hovering is not implemented; the visualization primarily demonstrates the classic D3 sankey layout with data loaded from a JSON file.

BBhavyatulasi

76% match

Loading thumbnail…

SANKEY Experiment2

This example shows a Sankey diagram tracing the flow of total notifications into matched or scraped categories, then breaking matched notifications into subcategories like XRM, Prodc, PN OTD, and CRB. The diagram uses D3.js version 3.5.17 to render nodes and links as SVG elements with cubic Bézier curves. The layout algorithm iteratively assigns node x-positions by breadth and y-positions by value, using a relaxation process to resolve collisions. The custom `d3.sankey` library handles the node positioning and link depth calculations, while the data is stored in a JSON file with explicit node and link arrays.

BBhavyatulasi

75% match

Loading thumbnail…

SANKEY Experiment

This example visualizes a notification routing workflow using a Sankey diagram, showing how 65,205 total notifications flow through matched categories like XRM, Prodc, PN OTD, and CRB, while 29,098 are scrapped. Built with React and D3.js version 3.5.17, the code defines a custom `d3.sankey` layout function that computes node positions, link depths, and bezier curve paths for SVG rendering. The diagram uses interactive node dragging and hover effects on links, with data loaded from a JSON file containing node names and link values.

NNimmi Thomas

74% match

Loading thumbnail…

SANKEY Experiment

This sankey diagram visualizes the flow of notifications from a total source through matched and scrap categories, with values displayed for each link transition. Built with React and rendered as SVG using D3.js v3, the visualization loads data from a JSON file containing node and link definitions. The diagram employs the custom `d3.sankey` layout API, which handles node positioning and link thickness calculation through iterative layout algorithms, while CSS styling controls the visual appearance of nodes and links.

BBhavyatulasi

74% match

Loading thumbnail…

SANKEY Experiment

This visualization uses a D3.js Sankey diagram to show the flow of notification volumes through processing stages. It tracks 65,205 total notifications, which split into matched and scrap categories, with matched items further distributed across XRM, Prodc, PN OTD, and CRB destinations. The SVG rendering uses D3's custom `d3.sankey` layout API, which computes node positions and link depths through iterative relaxation. The diagram employs curved paths for links and semi-transparent black strokes, with nodes rendered as draggable rectangles.

BBhavyatulasi

74% match

Loading thumbnail…

test of Fork of SANKEY Experiment

A Sankey diagram shows the flow of notifications from a total pool into matched and scraped categories, then onward to specific systems like XRM, Prodc, PN OTD, and CRB. The visualization uses D3.js (v3.5.17) with a custom `d3.sankey` layout algorithm that computes node positions and link curvatures. Data comes from a JSON file containing node names and link values, rendered as SVG elements with styled rectangles and cubic Bézier curves. Hovering a link increases its stroke opacity to highlight the path.

SSenserva

72% match

Loading thumbnail…

SANKEY Experiment

A Sankey diagram displays flow quantities between six named stages—Scrap, Matched, CRB, Prodc, XRM, and PN OTD—with link thickness scaled to numeric values. The D3.js v3 library’s `d3.sankey` plugin computes node positions and link paths, while `d3.behavior.drag` enables interactive node repositioning with automatic relayout. SVG rendering uses color-coded rectangles and bezier curves, with hover tooltips showing exact link and node values.

BBhavyatulasi

72% match

Loading thumbnail…

Sankey Diagram

This interactive Sankey diagram visualizes Canadian defense budget allocations, showing how funds flow from high-level cost categories into specific military programs and assets. Built with D3 v4 and the d3-sankey plugin, the visualization renders nodes and links as SVG paths with animated transitions. Users can click nodes to edit input/output ratios and adjust budget contributions dynamically, while a color legend filters the diagram by military branch. The code uses d3.zoom for panning and scaling, d3.ordinal scales for color mapping, and transitions to animate layout changes.

KKarkG

71% match