Skip to main content
SimilarExport ZIP
100%

Cameco Tree

✓ Published0🌍 Public
MMorgan Mueller
Last edited Mar 2, 2020
Created on Mar 2, 2020

This visualization presents a hierarchical tree of Cameco Corporation's uranium operations, organized by operation type such as open pit, underground, and in situ leaching, with nodes labeled by mine names and facilities. The data from a JSON file is laid out using the d3.tree and d3.hierarchy functions, with links drawn as horizontal paths via d3.linkHorizontal. Pan and zoom functionality is enabled through d3.zoom, and text labels are styled with the Playfair Display font, rendered on an SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

World Countries Tree

This visualization displays a hierarchical tree of uranium mining operations, mapping corporate ownership through operation types, mines, and facilities as a branching structure. The tree layout presents each node as a labeled text element connected by horizontal link paths, with font sizes scaling by depth level. The interactive view supports pan and zoom controls using d3.zoom with event transforms. Data is loaded from a JSON file and processed through d3.hierarchy and d3.tree functions. The SVG rendering uses d3.linkHorizontal for curved path connections and includes a Playfair Display font styling for all labels.

0007ebey
80% match
Loading thumbnail…

World Countries Tree

This visualization shows a hierarchical tree of uranium mining operations, arranged by corporation, operation type, and specific mine or project. It uses D3 v5's `tree` layout and `hierarchy` to structure the data, with `linkHorizontal` generating the curved paths between nodes. The interactive zoom feature is implemented via `d3.zoom`, allowing users to pan and scale the SVG. Text labels display each node, with font size varying by depth, while the data is loaded from a JSON file.

MMorgan Mueller
79% match
Loading thumbnail…

World Countries Tree

This visualization shows a hierarchical tree of uranium mining operations, arranged by corporation, operation type, and specific mine or project. It uses D3 v5's `tree` layout and `hierarchy` to structure the data, with `linkHorizontal` generating the curved paths between nodes. The interactive zoom feature is implemented via `d3.zoom`, allowing users to pan and scale the SVG. Text labels display each node, with font size varying by depth, while the data is loaded from a JSON file.

MMorgan Mueller
79% match
Loading thumbnail…

World Countries Tree

This example presents a hierarchical tree visualization of uranium operations data, displayed as an interactive SVG diagram. The tree layout, generated with `d3.tree` and `d3.hierarchy`, organizes parent and child nodes across the screen. Users can pan and zoom the entire view using the `d3.zoom` event, which applies a transform to the root grouping. Nodes are represented as text labels with font sizes that scale inversely with depth, while horizontal link paths connect parent to child nodes. The data originates from a JSON file containing nested objects.

MMorgan Mueller
75% match
Loading thumbnail…

World Countries Tree

This interactive tree diagram visualizes a company’s operational structure, from corporate headquarters down to individual mines, refineries, and conversion facilities. It shows the hierarchical relationships between parent entities and their subsidiaries across various locations. The visualization uses D3.js v5 APIs, including `d3.hierarchy` and `d3.tree` to layout the pedigree, and `d3.linkHorizontal` to draw the connecting edges. The SVG is rendered with zoom functionality enabled. Text nodes are styled with the Playfair Display font.

MMorgan Mueller
71% match
Loading thumbnail…

Tree Visualization

This tree visualization displays hierarchical data as a node-link diagram with circular nodes and connecting links, rendered as an SVG on a 600x600 canvas. The code uses D3 v5, loaded via UNPKG, to select the SVG container and draw the structure, while CSS styles the node circles with a steelblue stroke and the links in light gray. The visualization demonstrates importing D3 functions and local ES6 modules through VizHub, though the specific dataset is not visible in the provided files.

VVenkat-Sumith-Thota
67% match
Loading thumbnail…

Tree

This visualization displays a hierarchical tree derived from a JSON data file, showing the structure of a model named "HOBS" with its contained classes, attributes, and relationships. The tree layout is generated using D3's `tree` and `hierarchy` functions, with links drawn via the `linkVertical` path generator. The interactive viewport supports zooming through D3's `zoom` event handler, with an `event.transform` applied to the SVG group. Each node renders as a text label positioned by its calculated coordinates, using the Playfair Display font.

MMTR
67% match
Loading thumbnail…

practice tree

This visualization displays the hierarchical structure of energy infrastructure distribution, showing power plants, substations, and distribution centers as a branching tree. The code uses d3.tree() to compute node positions and renders curved links as SVG paths with color-coded strokes based on each node’s level. Circles represent nodes with radii scaled by each entry’s value, while leaf labels include capacity numbers. The example creates an SVG with a light blue background, using D3 v7 to append nodes and text with custom styling defined in the accompanying CSS.

Ppilliprathimarani@my.unt.edu
66% match