Tree chart for monkey species

100%

Tree chart for monkey species

✓ Published1🌍 Public

Last edited Mar 29, 2023

Created on Mar 27, 2023

This tree chart visualizes the classification of monkey species, starting from the Primates root and branching into Strepsirrhini and Haplorrhini subgroups, with individual species as leaf nodes. Node colors and link strokes vary by taxonomic level using a hierarchical data structure processed by d3.hierarchy and d3.tree. The SVG rendering includes curved paths for links via a custom cubic Bézier generator, with node text and circles styled through CSS. The dataset is embedded directly as a JavaScript object.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Tree Visualization

This visualization presents a hierarchical tree diagram of animal categories, showing the branching structure from a root "Animals" node down to leaf species. It uses D3 v6’s `d3.hierarchy` and `d3.tree` layouts to compute positions, rendering SVG paths for links via `d3.linkHorizontal` and circles with text labels for nodes. The code colors nodes by depth (black for root, blue for internal, green for leaves) within a hardcoded dataset of mammals, birds, and reptiles.

BBhavanaGIrni

76% match

Loading thumbnail…

4 Generations Monkey ICE-8

This interactive tree diagram visualizes four generations of monkey species, starting from Macaca mulatta and branching through subspecies like Macaca fuscata and Saimiri boliviensis. The SVG animation, built with d3.layout.tree and d3.svg.diagonal, arranges nodes horizontally by depth, with green dashed links connecting 12 named species. Users can click nodes to collapse or expand subtrees, highlighting the evolutionary relationships among the displayed primate taxa.

RRamch16

75% match

Loading thumbnail…

Tree chart for cat species

This tree chart displays the taxonomic hierarchy of cat species, starting from the Felidae family and branching into subfamilies, genera, and individual species like lions and cheetahs. The data is defined as a JavaScript object with nested children, which is processed using `d3.hierarchy` and `d3.tree` to compute node positions. Links are rendered as curved SVG paths with strokes colored by each node's specified level property, while nodes and labels are drawn as SVG groups.

PPrathyusha Jampala

75% match

Loading thumbnail…

Tree chart for cat species

This tree chart displays the taxonomic hierarchy of cat species, starting from the Felidae family and branching into subfamilies like Pantherinae and Felinae, then to genera and individual species. The visualization uses a dendrogram layout with curved bezier links connecting nodes, where each node is color-coded by a `level` property and labeled with the species name. The implementation relies on D3.js v5 functions including `d3.hierarchy` and `d3.tree` to compute node positions, while the dataset is defined inline as a JavaScript object with nested `children` arrays. SVG is the rendering mode, with node circles and link paths styled via CSS classes.

PPrathyusha Jampala

74% match

Loading thumbnail…

Fork of bhavana

This interactive tree chart displays a hierarchical animal classification diagram, with categories like Animal, Reptile, Mammal, and their subcategories. Users can click nodes to collapse or expand branches, with smooth 750-millisecond transitions animating the layout changes. The visualization uses D3.js version 3.5.17, specifically the `d3.layout.tree` and `d3.svg.diagonal` APIs to compute the node positions and draw curved links. Node circles are styled cyan with black borders, links are red, and the page background is pink, all defined through CSS within the embedded HTML file.

TTekmal-Bhavana

72% match

Loading thumbnail…

Tree Diagram

This interactive tree diagram displays hierarchical animal classification data from a JSON file, with nodes that collapse and expand on click. Built with D3 v3, it uses the `d3.layout.tree` for layout and `d3.svg.diagonal` for curved links, with SVG rendering and animated transitions between states via `transition.attr`. Node styling includes green circles and comic sans labels, while purple links highlight parent-child relationships.

SSai Kaushik

72% match

Loading thumbnail…

Species Tree

This example shows a species tree visualization, with a hierarchy of animals arranged from a root node (“Animal”) through categories like Reptile and Mammal to individual species. The code uses D3’s `d3.layout.tree` to compute node positions and `d3.svg.diagonal` to draw the connecting links. Each node is a colored circle with a text label, colored by species name, and hovering reveals the associated info via a styled tooltip div. The animation metadata is not evident in the visible code, but the visualization is built with d3.v2 and renders a static, interactive tree layout.

Aavnreddy95

71% match

Loading thumbnail…

tree animals

This example displays a hierarchical classification of animals as an interactive tree diagram. The visualization organizes animals into branches such as Vertebrates and Invertebrates, with child nodes for specific groups like Mammals, Birds, and Arthropods. Using D3.js version 3.5.17, the code employs the `d3.layout.tree` and `d3.svg.diagonal` APIs to create the structure, with SVG rendering and smooth animations on updates. Node colors are coded by category level, while strokes remain grey, and the diagram can be expanded or collapsed through user interaction.

BBala Sai Krishna

71% match