first visulization

100%

first visulization

✓ Published0🌍 Public

Last edited May 15, 2021

Created on May 15, 2021

Forked from Untitled

This visualization is a Sankey diagram that shows the flow of organizational names from their ideological categories (such as armed, communist, Islam, liberation, national, peoples, and revolution) through decades (1970-2010) to world regions. The diagram reveals how these categorized organizations are distributed across time periods and geographical areas. Implemented using the Google Charts Sankey library, the data is loaded from a JSON file and rendered with weighted links, where each connection represents a count of organizations, displaying the hierarchical relationships between the categories, time periods, and regions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization displays a hierarchical dataset of political organizations, grouped by categories such as "Armed," "Communist," and "Islam," and filtered by the years they were active. It uses a sankey diagram to show the flow from these top-level categories down to specific organization names. The code loads data from a local `data.json` file and renders it using the Google Charts Sankey package alongside D3.js (v5). The diagram is displayed in a large, wide container to accommodate the many connections between categories and individual groups.

Eethanjones-git

79% match

Loading thumbnail…

Sankey Diagram

This interactive Sankey diagram visualizes a two-level hierarchy of militant and political group names, from eight broad keywords to a large set of specific factions. Node colors are assigned by the first word of each name. The visualization is built with D3.js (v3) and rendered as SVG, using the `d3.sankey` API for layout and custom bezier `path` elements for the links. Users can drag nodes and click on a node to highlight all connected links, with opacity changes revealing the flow network. The data structure is provided as a JSON file with `nodes` and `links` arrays.

Eethanjones-git

73% match

Loading thumbnail…

Untitled

A hierarchical bubble chart visualizes the distribution of political organization names, categorized by ideology (such as "armed," "communist," "islam"), then by decade, and finally by geographic region. The circles are sized and packed according to the nested data structure using D3’s `pack` layout. The visualization uses `d3.group` to organize nodes by depth, applies drop shadows via an SVG filter, and labels leaf nodes with clipped text. The data originates from the provided `data.json` file, which details organization entries and their associated years.

Cchris25886

72% match

Loading thumbnail…

Untitled

A hierarchical circle-packing visualization displays the distribution of militant organizations across ideological categories and time periods. The code uses D3.js to produce a packed circle layout, encoding each organization as a leaf node with a clipped text label, while internal nodes represent hierarchical groupings. Data is sourced from a JSON file with a nested structure. The visualization is rendered using D3’s `pack` layout, `d3.group`, and SVG elements, with circles colored by tree depth and a drop shadow filter applied for visual separation.

Eethanjones-git

68% match

Loading thumbnail…

Fork of Untitled

This visualization shows a hierarchical dataset of political and armed groups using a circle-packing layout. It displays how groups are nested within categories like "armed," "communist," and "islam," with each leaf labeled by its name. The code uses D3’s `pack` function to compute the circles, then renders them as an SVG with drop shadows, clip paths, and wrapped text. The color scale encodes the tree depth, and hover tooltips reveal the full path and value. The data originates from a `data.json` file, though the accompanying HTML also loads a Google Charts Sankey diagram from pre-processed rows.

Mminecci

66% match

Loading thumbnail…

Untitled

This Sankey diagram visualizes migration flows from the Americas and Europe to African countries and onward to major Asian destinations. The chart displays weighted connections between countries, with thicker links indicating larger migrant populations. Built using the Google Charts Sankey visualization API, the code defines nodes and edges in a DataTable, specifying the origin, destination, and weight for each flow. The diagram uses gradient-colored links and a predefined color palette for nodes, rendering a multi-level flow structure. The data is hand-coded in the HTML file rather than loaded from the accompanying CSV.

Mmanishabehera

65% match

Loading thumbnail…

Fork of Untitled

This example visualizes a multi-stage flow diagram using a Google Charts Sankey diagram. It shows the movement of migration or trade weights between countries across three sequential layers: from nations like Brazil, Canada, Mexico, and the USA, through European intermediate points, and finally to Asian destinations such as China, India, and Japan. The interactive diagram encodes connection strength through link width, with node colors defined in the options. The code uses the Google Charts `sankey` package to render the data from hardcoded arrays in the HTML file.

Mmanishabehera

65% match

Loading thumbnail…

Sankey Barbara

This interactive Sankey diagram visualizes time allocation from a CSV file, showing flows between organizational units, activity categories, and transportation planning topics. Built with D3.js v4 and rendered as SVG, the diagram uses custom node dragging for repositioning and features gradient-colored links. The code loads data via `d3.csv`, processes it into node and link arrays, and uses a custom `d3.sankey` layout function with iterative relaxation algorithms to position nodes and calculate link thickness based on values.

MMisunoKitara

63% match