Wiki Branches

Wiki Branch

This visualization presents a branching tree structure that traces the chain of related Wikipedia articles, beginning with the “Drug policy of South Korea” page. Using the D3.js library (version 3.x), the code renders an interactive node-link diagram in SVG, where each node represents a Wikipedia page title and links connect parent-child article relationships. The tree data is encoded as nested JSON, and the visualization applies CSS classes for node styling (with steel blue circles and gray links) to display the hierarchical connections. The layout is static, but nodes are interactive with a pointer cursor, suggesting the ability to explore the data structure.

93% match

Wikipedia Exploration Map No Explanation

This example presents an interactive tree map of Wikipedia article connections, starting from the “Drug policy of South Korea” page and branching into related topics. Users can click and drag to pan, scroll to zoom, and click nodes to explore. The visualization uses D3 v6’s `d3.tree` and `d3.linkHorizontal` to draw the hierarchy, while SVG `foreignObject` elements display node labels that expand into full article summaries on mouseover. The data comes from the JSON file `flare-2.json`, and animated transitions adjust node and link positions with `transition.attrTween`.

80% match

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.

72% match

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.

71% match

Fork of Jeevani ICE8

This visualization presents a hierarchical tree of interconnected topics, starting with South Korea’s drug policy and branching into related subjects like districts, historical incidents, and naval ships. The structure uses jQuery and the D3.js library (version 3.5.17) in an HTML page, with CSS styling for nodes and links. Node circles have a white fill and steelblue stroke, while text labels use a sans-serif font; the tree branches are drawn as gray links. The data is predefined as a JavaScript object, and the visual relationships are rendered using SVG.

71% match

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.

69% match

World Countries Tree

69% match

Wiki

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.