Skip to main content
SimilarExport ZIP
100%

Wiki

✓ Published1🌍 Public
Cchrismack666
Last edited May 6, 2020
Created on Feb 25, 2020

This visualization displays a hierarchical tree of Russian Wikipedia science categories, using node color to encode a numerical group value from the dataset. The D3 v5 code applies a tree layout with horizontal links, scaling node positions via the `x` and `y` accessors, and renders circles and text labels in SVG. A linear color scale maps the group values from white to purple, while zooming is enabled through `d3.zoom()`. A legend shows the mapping for the two extreme group values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

World Countries Tree

A collapsible tree visualization maps the hierarchical structure of Wikipedia categories, comparing the number of subcategories between Russian and English versions. Node color encodes the difference in subcategory counts, with a legend explaining the scale. The visualization uses D3 v5’s `tree` layout and `linkVertical` path generator to position SVG circles and links, with `d3.scaleLinear` mapping group values to a purple-to-white color range. Zoom and pan are enabled via `d3.zoom`, and the data is loaded asynchronously from a JSON file using `d3.json`.

Cchrismack666
83% match
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Cchrismack666
79% match
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Cchrismack666
79% match
Loading thumbnail…

Wiki

This tree diagram visualizes hierarchical data as a horizontally-oriented dendrogram. The visualization uses a radial, indented layout with circular node markers, curved link paths, and text labels for each entity. It colors nodes on a white-to-purple linear scale based on a group value, and includes a square legend. The implementation relies on D3 v5.5 API functions: `select`, `json`, `tree`, `hierarchy`, `linkHorizontal`, and `zoom`. Data is loaded from a JSON file, and the SVG element is resized to the full browser viewport. A tooltip, though defined, does not appear to be applied in this example.

Cchrismack666
78% match
Loading thumbnail…

Wikipedia Exploration Map

This visualization maps the user's personal browsing history through Wikipedia, displaying a branching tree of visited articles connected by hyperlinks. Built with D3.js v6, the SVG visualization uses `d3.tree` for hierarchy layout and `d3.linkHorizontal` for curved edges, with interactive zoom and drag via `d3.zoom`. Nodes contain clickable links to the original articles, and hovering reveals full article summaries in a `foreignObject` text container. The underlying data, structured as a JSON tree in `flare-2.json`, was scraped from the user's browser history using Python.

Cchristiand416@gmail.com
68% match
Loading thumbnail…

d3.js wiki visualization

This visualization maps Wikipedia’s most controversial articles as a force-directed network, where each node represents an article and is colored by its conflict type (e.g., nationality disputes, factual disagreements, or image inclusion debates). Hovering over a node reveals a tooltip with the article’s title, conflict category, creation date, and edit count. The graph is rendered as an SVG with animated positioning, using node size to encode the number of page edits and a color scale for conflict type. A legend and axes support interpretation, and the dark background highlights the categorical colors and interactive hover effects.

CCBasis
68% match
Loading thumbnail…

hierarchical

This visualization displays a hierarchical dataset of 40 nodes as a radial tree, with the root at the center and branches extending outward in a circular pattern. The red links are generated using d3.linkRadial, while the layout is computed with d3.tree and d3.hierarchy. The SVG rendering supports interactive zooming via d3.zoom, and the data is loaded from a local JSON file.

WWillPCowan
67% match
Loading thumbnail…

Wiki Branches

Wiki Branches visualizes a hierarchical dataset derived from Wikipedia articles, starting from "Drug policy of South Korea" and branching into related topics. The D3 tree layout positions nodes horizontally, with collapsible branches that expand or collapse on click, using animated transitions to update the view. Rendered in SVG, the visualization loads data from a JSON file and employs d3.hierarchy, d3.tree, and d3.linkHorizontal to draw the links, with zoom and pan enabled via d3.zoom. Node and link opacity, stroke, and position are animated through d3 transitions.

Cchristiand416@gmail.com
67% match