Hive Link Plot

100%

Hive Link Plot

✓ Published0🌍 Public

Last edited May 21, 2016

Created on May 21, 2016

This visualization uses a hive plot to show visa refusal rates between countries, with seven radial axes representing continents. Each node is a country positioned along its continent’s axis by refusal rate, while curved links connect source and target countries, colored by the source continent. Interactive mouseover highlights a specific link and its connected nodes. The code uses d3.hive.link to generate the curved paths, d3.svg? (d3.scale.ordinal and d3.scale.linear) for positioning, and d3.legend for the color legend, with data loaded from a JSON file.

AI-generated description

Visa Refused

Similar vizzes

Loading thumbnail…

Hive Link Plot

This visualization uses a hive plot to show relationships among eleven nodes, arranged on three radial axes by node type (0, 1, or 2). A D3 tooltip on mouseover reveals each node’s name and type. The layout is generated with `d3.scale.ordinal` and `d3.scale.linear`, while custom curves link nodes using the `d3.hive.link` API. SVG elements (lines, paths, circles) are animated via D3 transitions.

JJverma

81% match

Loading thumbnail…

Hive Plot (Links)

This hive plot visualization uses three radial axes to arrange six nodes, with curved links connecting them based on source and target relationships. The D3.js code builds the SVG scene using the `d3.hive.link()` API to generate cubic Bézier curves between axis points, while `d3.scale.ordinal` maps angular positions and `d3.scale.linear` maps radii. Nodes are colored by their axis index via `d3.scale.category10`, and the static example uses hardcoded data arrays.

Mmbostock

81% match

Loading thumbnail…

Hive Plot (Areas)

This example demonstrates a hive plot using the d3.hive.link API extension, which positions nodes on multiple radial axes and connects them with curved bezier paths. The visualization shows a synthetic network of 12 links between three axes, with each link colored by its group membership. The code manually defines the link data and uses d3.scale.ordinal for axis angles, d3.scale.linear for radial distances, and d3.scale.category20c for colors. The SVG diagram is drawn with the D3 v3 library, and axes are rendered as concentric lines with fill and stroke styles.

Mmbostock

79% match

Loading thumbnail…

Hive Plot Demo Rework

An interactive network visualization of software module dependencies, presented as a hive plot with four radial axes for import relationships. The demo uses D3.js to render SVG paths and ellipses, with mouseover interactions that highlight a selected link and connected nodes in blue, green, and red. The visualization is built from the flare-imports dataset, with a smaller test dataset for comparison.

RRichMorin

76% match

Loading thumbnail…

Link Tree Viz of World Countries

This visualization displays a hierarchical tree of world countries as an interactive node-link diagram. The view uses blue circles for nodes and curved, arrow-headed paths for directed links, with all elements offset vertically by 150 pixels. The implementation relies on D3 v5's `linkHorizontal` generator to create smooth horizontal curves between connected nodes, while data is loaded from a local JSON file via `d3.json`. The SVG rendering positions nodes based on explicit x,y coordinates from the data, and the visualization includes marker definitions for the arrow tips.

JJoris Compernol

69% match

Loading thumbnail…

Link Tree Viz of World Countries

This visualization displays a directed link tree of world countries using a simplified node-link diagram. It renders six circular nodes with horizontal curved paths connecting them, using an arrow marker to indicate link direction. The code uses D3 v5 with SVG rendering, employing `linkHorizontal()` to generate the curved paths from predefined x/y coordinates in a static JSON data file. Nodes and links are styled with a blue color scheme, though the layout is not computed by any force simulation or tree layout algorithm.

QqOp3

69% match

Loading thumbnail…

Link Tree Viz of World Countries

This visualization displays a hierarchical tree of world countries, organized by continent and subregion. It uses a D3.js v5 tree layout with horizontal link paths to show the branching structure. The SVG rendering applies a zoom feature that allows users to pan and scale the visualization. Text labels are styled with the Sriracha font, while data is loaded from a JSON file containing the country hierarchy. The code uses D3's `tree`, `hierarchy`, `linkHorizontal`, and `zoom` components to generate the chart.

Mmla341

68% match

Loading thumbnail…

US vs the World (Visa Refusals)

This choropleth visualizes visa refusal rates by country, using a yellow-or-brown color scale to indicate economic classification rather than refusal counts. The map, rendered as an SVG with a blue sphere background, uses a natural Earth projection and supports zooming. Data is loaded from the World Atlas TopoJSON and TSV files, with each country’s path colored via `d3.scaleOrdinal` and `schemeYlOrBr`. A custom color legend shows the ordinal categories, while hovering highlights a country in red and displays its name and economy type in a tooltip.

MMaxwell Dayvson da Silva

68% match