Sankey plot of my python packages

100%

Sankey plot of my python packages

✓ Published0🌍 Public

Last edited Jul 6, 2015

Created on Jul 6, 2015

A Sankey diagram visualizes the dependencies of the author's Python repositories, mapping the flow from standard and third-party modules like `sys`, `os`, `numpy`, and `matplotlib` to projects such as InfoR, TextGraphics, and fastAQ. Built with D3.js v3, the SVG rendering uses the custom `d3.sankey` function to compute node layouts and link paths. Data is loaded from a JSON file, and interactive node dragging triggers a relayout, updating the curved link paths via the `link()` function.

AI-generated description

Sankey plot of my python reposotories with their python-package dependencies.

Similar vizzes

Loading thumbnail…

SANKEY Experiment

This interactive Sankey diagram visualizes the flow of "Widgets" between named sources and targets in a network. It uses d3.js version 3 and the custom `d3.sankey()` layout function, which positions nodes and computes curved link paths. External CSV data supplies the source, target, and value pairs, which are parsed into node and link objects. Users can drag nodes to rearrange the layout, triggering a relayout that updates the link paths, with hover effects increasing link opacity.

PPragyagarg

75% match

Loading thumbnail…

SANKEY Experiment

This example demonstrates a repurposable Sankey diagram, which visualizes the flow of quantities between interconnected nodes. Built with D3 v4, it loads node and link data from an external JSON file and renders the diagram as SVG, using the `d3.sankey` plugin for layout and `d3.drag` for interactive node repositioning. The code also employs `d3.scaleOrdinal` for node coloring and `d3.format` for display values, with links drawn as cubic Bézier curves via `sankey.link()`.

PPragyagarg

74% match

Loading thumbnail…

SANKEY Experiment

A Sankey diagram visualizes the flow of "Widgets" between five named people, with link thickness proportional to transfer values. Built with D3 v4, it uses the `d3.sankey` plugin to compute node positions and link paths, rendering nodes as draggable SVG rectangles and links as cubic Bézier curves via `sankey.link()`. Data loads from a JSON file with named source and target references, which the code maps to node objects before layout. The scene updates interactively on drag, recalculating link depths through `sankey.relayout()`.

Dd3noob

74% match

Loading thumbnail…

SANKEY Experiment

A Sankey diagram visualizes the flow of "Widgets" between five nodes, with link thickness proportional to the quantity transferred. The layout uses `d3.sankey()` from a custom `sankey.js` plugin, rendering nodes as SVG rectangles and links as cubic Bézier paths, while interactively dragging nodes triggers `sankey.relayout()`. Node and link tooltips display values via `d3.format`. The data originates from `sankey.json`, which defines the nodes and edges.

JJimMaltby

74% match

Loading thumbnail…

SANKEY Experiment

This sankey diagram visualizes the flow of widgets between seven nodes, with link thickness proportional to the value of each connection. The diagram uses d3.js v3 with SVG rendering, loading JSON data that defines nodes and links by name. The code leverages the custom `d3.sankey` API to compute node positions and link paths, with interactive node dragging that triggers relayout. Node and link titles display labels and values on hover, while the color scheme uses `d3.scale.category20()` to differentiate node groups.

PPragyagarg

74% match

Loading thumbnail…

SANKEY Experiment

This is a Sankey diagram that visualizes the flow of values between named nodes, with the source and target data loaded from an external CSV file. The diagram uses the `d3-sankey` extension library on top of d3.v6, with nodes rendered as colored rectangles and links as semi-transparent black paths with widths proportional to their values. The code explicitly formats numbers and applies a categorical color scheme using `d3.scaleOrdinal`, while interactive hover states on links increase their opacity. Rendered as SVG, the visualization includes node labels and tooltips via `title` elements.

Dd3noob

74% match

Loading thumbnail…

SANKEY Experiment

This Sankey diagram visualizes flows between named entities using d3.js v4, with data loaded from an external CSV file containing only source, target, and value columns. The chart uses the d3.sankey plugin to compute node positions and link thicknesses, rendering nodes as colored rectangles with labels and links as curved paths whose stroke width encodes flow magnitude. Hovering over a link or node reveals the exact quantity in "Widgets" via a tooltip. Nodes are draggable, and the layout dynamically recalculates link paths on drag. The example, based on D3 Tips and Tricks v4, demonstrates how to transform raw tabular CSV data into a Sankey diagram with minimal preprocessing, using d3.nest to deduplicate nodes and d3.drag for interactivity.

JJoePlant

74% match

Loading thumbnail…

SANKEY Experiment

A Sankey diagram visualizes the flow of widgets between five nodes, with link widths proportional to the volume of each connection. The code loads data from a JSON file and uses d3.sankey(), d3.drag(), and standard SVG elements to render the network. Nodes are draggable, triggering a relayout that recalculates link paths in real time.

Dd3noob

74% match