Terror Tree

100%

✓ Published1🌍 Public

Last edited Apr 27, 2021

Created on Apr 24, 2021

This visualization displays a hierarchical tree of terrorist organizations, categorized by ideology (such as armed forces, communist, and islam) and organized by year of origin. The data is loaded from a local JSON file and rendered as an SVG using the D3.js v5 library. The tree layout uses `d3.tree` and `d3.hierarchy` to compute node positions, while `d3.linkHorizontal` draws the connecting paths. Text labels have varying font sizes based on depth, and the entire visualization supports pan and zoom via `d3.zoom`.

AI-generated description

MIT Licensed

Similar vizzes

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

75% match

Loading thumbnail…

Tree Visualization

This interactive tree visualization displays the hierarchical structure of world regions and countries, using a horizontal dendrogram layout. The visualization reads from a JSON data file and renders an SVG using D3 v5, with nodes labeled as text and links drawn as paths. It includes zoom and pan functionality through D3’s `zoom` event, while the layout is computed with the `hierarchy` and `tree` APIs. Text elements are styled with a serif font and white text-shadow for readability.

Ssploitfun

74% match

Loading thumbnail…

Untitled

A hierarchical tree chart displays nested data from `data.json`, organizing entries by organization, armed group, year, city, and province. The visualization uses D3.js’ `tree` layout with `linkHorizontal` paths and zoom functionality, rendering each node as text with font sizes scaled by depth for readability. The data, which includes armed forces groups and their locations, is loaded via `json()`, and interactive panning and zooming are enabled through D3’s `zoom` API.

Eethanjones-git

73% match

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

72% match

Loading thumbnail…

Terrorism map world

This map visualizes global terrorism incident data, using a square-root scale to encode the number of deaths from each attack as the radius of red circles. Built with React and D3.js (v5), it projects city coordinates onto a natural Earth projection via `geoNaturalEarth1()` and renders landmasses, graticules, and country boundaries using `geoPath` and TopoJSON data. Each incident is a circle with opacity, colored by the `Deaths` field from the provided CSV dataset.

Jjustineaeyels

72% match

Loading thumbnail…

TREE

This tree visualization displays a hierarchical dataset of world countries organized by continent and subregion, using a horizontal icicle-style layout. The D3 v5 code builds the structure with `tree()` and `hierarchy()`, renders edges as SVG paths via `linkHorizontal()`, and labels nodes with scaled text. Users can zoom and pan through the SVG canvas using the `zoom()` interaction API, with the viewport transform applied to a group element. Data comes from a JSON file, and styling uses the Maven Pro font with cyan edges.

Ccocktaildata

72% match

Loading thumbnail…

Tree

This visualization displays a hierarchical tree of programming languages, organized by paradigms and categories, with node shapes indicating the level in the hierarchy: a circle for the root, squares for paradigms, triangles for categories, and rounded rectangles for individual languages. The data is defined as a JavaScript object and rendered using D3.js v7, specifically relying on the `d3.hierarchy` and `d3.tree` layout functions to position nodes and links. The SVG output uses custom styling for links and labels, and a fixed-size SVG canvas at 1200x800 pixels.

AAnurup Reddy

70% match

Loading thumbnail…

Global Terrorism Dataset Visualization

This visualization uses a bar chart to display terrorist attacks in the United States from 1975 to 2017, showing perpetrators against target types, with color encoding for weapon types. The chart reveals that Private Citizens & Property and Business are common targets across many perpetrators, while the predominance of green blocks indicates Explosives/Bombs/Dynamite as the preferred weapon. The visualization is built with the Vega-Lite API, which translates its high-level specification into Vega for rendering, and loads its data from a CSV file via d3's `csv` method. Tooltip interactions are handled through the vega-tooltip library.

Hhotdoujiang

70% match