Skip to main content
SimilarExport ZIP
100%

AXA-Beispiel-Visualisierung

✓ Published0🌍 Public
Cchiller9
Last edited Nov 18, 2022
Created on Nov 17, 2022

The visualization displays a hierarchical tree of AXA business fields, with parent nodes branching to child categories such as Kranken privat and betrieblich. The D3 v5 code uses `d3.tree()` and `d3.hierarchy()` to compute the layout from a static JSON data file, then renders nodes as text labels and connections as horizontal links via `d3.linkHorizontal()`. Pan and zoom functionality is implemented through `d3.zoom()` on the SVG container. The styling applies the Playfair Display font and a teal stroke color to the paths.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Tree

This example shows a hierarchical tree of medical fields and related professionals, with nodes color-coded by generation depth. The visualization uses d3.stratify() to structure the flat parent-child data, d3.tree() to compute the layout, and SVG circles, paths, and text elements for rendering. Labels appear to the right of each node, and brown cubic Bézier curves connect parents to children. The background and text styling come from the linked stylesheet.

Kkakumanusreya
71% 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
70% match
Loading thumbnail…

D3.js collapsible tree with boxes

This interactive visualization displays a hierarchical company structure as a collapsible tree diagram, where each node is rendered as a colored box representing different data types such as products, clinical trials, or disease areas. Users can click nodes to expand or collapse branches, with smooth animations transitioning the tree layout. Built with D3.js v3, the visualization uses SVG for rendering, includes zoom and drag functionality via d3.behavior.zoom, and loads hierarchical data from a JSON file. The code also implements custom tooltips and drop shadows to enhance readability of the node information.

1123ATFake
70% match
Loading thumbnail…

D3.js collapsible tree with boxes

This interactive visualization displays a hierarchical company structure as a collapsible tree diagram, where each node is rendered as a colored box representing different data types such as products, clinical trials, or disease areas. Users can click nodes to expand or collapse branches, with smooth animations transitioning the tree layout. Built with D3.js v3, the visualization uses SVG for rendering, includes zoom and drag functionality via d3.behavior.zoom, and loads hierarchical data from a JSON file. The code also implements custom tooltips and drop shadows to enhance readability of the node information.

1123ATFake
70% 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
70% match
Loading thumbnail…

Layout Test

This example demonstrates a hierarchical tree layout rendered as an SVG visualization, with data representing a page structure of components and partials. The tree uses d3.tree and d3.hierarchy to compute node positions, while d3.linkHorizontal draws curved paths between parent and child nodes. The visualization supports pan and zoom through d3.zoom, with the zoom transform applied to a group element containing the rendered tree. A data store module supplies the hierarchical data, and the code includes a typo where circles are appended using the incorrect tag name instead of “circle.”

MMatt Morris
69% match
Loading thumbnail…

Tree Example

This interactive tree diagram displays the hierarchical structure of a dataset, with nodes and links rendered using SVG and animated transitions. The visualization uses D3.js version 3, with the `d3.layout.tree` for layout and `d3.svg.diagonal` for curved links. Clicking nodes expands or collapses their children, with smooth transitions achieved through `transition.attr`. The static data is embedded in the code, and the example also includes a separate CSV file for population data, though it is not referenced in the visualization.

1123ATFake
69% match
Loading thumbnail…

Tree Visualization

This tree visualization shows the hierarchical breakdown of ASD traits, branching from the root into categories like Age, Severity, Ethnicity, Gender, and Family History, with leaf nodes representing specific trait values. The SVG rendering uses the `d3.tree` layout to compute node positions, `d3.hierarchy` to structure the data, and `d3.scaleOrdinal` with `d3.schemeCategory10` to color nodes by depth. Links are drawn as cubic Bézier paths, and each node displays a circle and text label.

Vvp9156623@gmail.com
69% match