Skip to main content
SimilarExport ZIP
100%

Education Industry Sankey

✓ Published0🌍 Public
DDavid Allyn
Last edited May 20, 2022
Created on May 20, 2022
Forked from SANKEY Experiment

This example shows how individuals move between education fields and industry sectors, with each node representing a discipline or industry and the thickness of the curved links indicating the number of people transitioning. Built with React and D3.js, the visualization uses a custom Sankey layout algorithm that computes node positions and link paths, rendering the result as SVG. The data is loaded from a JSON file containing the link values between the various categories.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

SANKEY Experiment

This example presents a Sankey diagram visualizing greenhouse gas flows, with nodes representing sectors like Energy and Agriculture, and links showing the distribution of gases such as Carbon Dioxide and Methane. Built with React and rendered as SVG, it uses the D3.js library’s custom `d3.sankey` module to handle layout and the `d3.behavior.drag` functionality for node interactivity. The chart’s unit is "Widgets," and the data is pulled from a JSON file.

Mmynameiskris
75% match
Loading thumbnail…

Sankey with circular links

A Sankey diagram visualizes the flow of values between interconnected processes, with circular links rendered as red curved paths to highlight feedback loops where data returns to earlier stages. Built with React and D3 v4, the example uses the d3-sankey-circular library to compute node positions and circular path data, while SVG with animation displays the links. Hover interactions dim non-adjacent nodes and links, and the diagram uses a sequential color scale for node coloring.

TThomas Kahessay
74% match
Loading thumbnail…

From your Education to your Job

This visualization uses a stretched chord diagram to show how graduates from various educational tracks transition into occupational sectors one year after graduation. The left side displays education fields, the right side shows job sectors, with ribbon thickness representing student counts. Built with D3.js v3, it employs a custom `d3.layout.chord.sort` layout and custom `stretchedChord` rendering with SVG paths and quadratic Bézier curves. An animated linear gradient flows across the chords to emphasize directional movement from education to occupation, and hover interactions highlight specific connections.

LLisaPicado
74% match
Loading thumbnail…

SANKEY Experiment

A Sankey diagram traces student enrollment flows from Del Val Charter in the 2014-15 school year to various destinations in the following year, including other schools, graduation, or unknown outcomes. The visualization uses D3 v5 with the sankey plugin to render SVG nodes and curved links, whose thickness scales with student counts. Nodes are color-coded by school name and draggable, triggering a relayout that recalculates link paths. The data comes from a JSON file containing over sixty school names and their weighted connections.

Rrkdunn
74% 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
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
73% match
Loading thumbnail…

Fork of sanky

This interactive Sankey diagram visualizes economic flow distributions from three source industries (Agriculture, Manufacturing, Services) to two destination categories (Domestic Consumption, Exports), with hover effects revealing link values. Built with React and D3.js v7, the visualization uses the d3-sankey layout algorithm for positioning nodes and links, rendered as SVG with color-coded nodes and links. The diagram features rounded node corners, a glow filter on hover, and tooltips displaying source-to-target value information.

NNita
73% match
Loading thumbnail…

SANKEY Experiment

This sankey diagram visualizes greenhouse gas emissions, showing flows from energy and industrial sources to various sectors and ultimately to specific gases like carbon dioxide and methane. The interactive visualization is built with D3.js v3, using the custom `d3.sankey` layout to position nodes and compute link paths. Users can drag nodes to rearrange the diagram, with the `sankey.relayout` method updating link curves in real time. The data comes from a JSON file describing emission sources, intermediate sectors, and final greenhouse gas outputs.

BBhavyatulasi
73% match