ICE-8 (Part-2)

100%

ICE-8 (Part-2)

✓ Published1🌍 Public

Last edited Apr 3, 2024

Created on Apr 3, 2024

This social network graph visualizes a hierarchical classification of organisms, showing relationships between categories like Animals, Plants, and their subcategories. The nodes are manually positioned on a Canvas element using the 2D rendering context, with sizes varying by hierarchy level. Links connect parent and child nodes to illustrate taxonomic relationships. The code uses the native Canvas API for drawing, with hardcoded node coordinates and link data, while applying a color palette to visually distinguish different categories.

AI-generated description

CSCE 5320.002 Scientific Data Visualization (ICE-8)

Part-2 Social Network Graph

Pavan Krishna Yarlagadda (11600263)

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 (Part-1)

This example presents a hierarchical tree chart depicting an animal classification dataset, organizing organisms into categories like Mammals and Reptiles, with subcategories such as Carnivores and Herbivores. The visualization uses D3.js v6 to render an SVG tree layout, with nodes and links generated from the nested data structure. Each leaf node displays the animal name, while internal nodes show the classification levels. The chart employs D3's tree layout and diagonal path generator to position and connect the nodes, providing a clear visual representation of the taxonomic relationships.

Ppavankrishna441@gmail.com

80% match

Loading thumbnail…

ICE8 Animal Tree Network

This interactive tree diagram visualizes a hierarchical animal classification network, starting from the root category "Animals" and branching into Vertebrates and Invertebrates, then further subcategories like Mammals, Birds, and Arthropods. Each node is labeled and color-coded by depth level, with collapsible child nodes toggled on click. The visualization uses d3.layout.tree and d3.svg.diagonal to position nodes and draw curved links, while CSS classes style circles and text within an SVG canvas. The embedded JSON data structure defines parent-child relationships for the taxonomy.

SSrujana390

79% match

Loading thumbnail…

ICE8_Tree

This interactive tree diagram displays a hierarchical classification of animals, with branching categories for vertebrates and invertebrates. The visualization uses D3.js to render an SVG layout with collapsible nodes, where clicking a node toggles its children in an animated transition. Data is loaded directly from a static JavaScript object, while the tree layout and diagonal link projections come from D3’s layout library. The animation updates node positions smoothly over a set duration, with circles and styled text labels for each species.

Ssrividya-bachina

78% match

Loading thumbnail…

ICE8 Animal Tree

This interactive visualization shows a hierarchical animal classification tree, mapping the relationships between major taxonomic groups from the root "Animals" down to specific classes like Mammals, Birds, and Insects. The layout uses colored node strokes and level-based colors to distinguish parent categories from leaf nodes. Built with React and D3.js version 3.5, the diagram uses the `d3.layout.tree` function and SVG diagonal paths to draw curved links, with smooth animated transitions when nodes update or expand. The tree data is embedded directly in the code as a JSON array.

EEshwarreddyt

77% match

Loading thumbnail…

ICE-8 SOCIAL NETWORK CHART

This example shows a hierarchical social network chart based on family tree data, with nodes and links rendered in SVG. The visualization uses d3.stratify() and d3.tree() to compute node positions from parent-child relationships, then draws animated paths between connected nodes. Each node appears as a light green circle with a dark green border, labeled with a child name, while the blue background contrasts the lime-colored connecting lines. The animation uses D3 transitions to grow the circles and draw the links over time.

Mmadanvemulapally

77% match

Loading thumbnail…

ICE 8-3 Tree

This interactive tree diagram visualizes a three-level biological classification of animals, from the root “Animals” down to specific classes like Mammals and Insects. Built with D3.js (version 3.5) using `d3.layout.tree` and `d3.svg.diagonal`, it renders nodes as SVG circles with text labels and animated curved links. Each node’s fill color corresponds to its hierarchical level, while the stroke color remains uniformly grey, helping distinguish taxonomic depth at a glance.

HHARSHA BUDDANA

77% match

Loading thumbnail…

ICE 8

This interactive tree diagram visualizes a botanical classification hierarchy, from Plants down to Monocots and Dicots. The SVG visualization uses D3.js v3’s `d3.layout.tree` and `d3.svg.diagonal` to render nodes and curved links. Clicking a node toggles its children via a transition, animating the tree’s layout. Circles are colored and stroked based on the `level` and `type` fields in the data, with labels positioned around each node.

KKiran Jyothi Bodduluri-11604571

76% match

Loading thumbnail…

ICE-8 Tree Visualization

This visualization presents an animal classification hierarchy as a vertical tree structure using D3 v7 and SVG. The tree displays three main groups—mammals, birds, and reptiles—with subcategories and individual species examples beneath each branch. The code builds the hierarchy with d3.stratify and positions nodes using d3.tree, with d3.linkVertical generating curved paths to connect parent and child nodes. Node circles are color-coded by depth, and the data comes from an embedded array of parent-child relationships.

HHarshithmullapudi@my.unt.edu

76% match