Skip to main content
SimilarExport ZIP
100%

11702358-ice 8

✓ Published3🌍 Public
JJahnavi Kopalli
Last edited Apr 8, 2025
Created on Apr 5, 2025
Forked from HTML Starter

This vertical tree visualization displays hierarchical sales data for the USA and UK, with four salespersons per country and their associated chocolate products and sales values. The code uses D3.js v7 to render an SVG-based tree layout with square nodes, steel-blue links, and bold text labels. A tomato-red dashed border frames the entire visualization. The hierarchical data structure is loaded from a JavaScript object containing sales figures for each product category.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 11702358-ice 8 -Network

This vertical tree visualization displays hierarchical sales data for the US and UK, with nodes representing countries, salespersons, and chocolate products with their associated values. It uses d3.v7 to render the tree structure as SVG elements, including rectangles, circles, and polygons for different node types. The layout organizes the data from a single root node downward, with lavender-colored links connecting parent and child nodes. A dashed orange tree-box outlines the entire visualization, while bold sans-serif text labels identify each entity within the dataset.

JJahnavi Kopalli
92% match
Loading thumbnail…

Fork of 11

This visualization shows chocolate product sales across the USA and UK using a vertical hierarchical tree layout, with nodes representing sales representatives, products, and their associated sales values. Node size encodes sales figures, while color distinguishes product categories (Bars, Bites, Other). Built with D3.js v7, it uses the `d3.tree` layout, square link paths, and SVG rectangles for nodes. Interactive tooltips appear on hover, displaying product details or aggregated sales totals for organizational nodes, with smooth transitions applied to highlighting and tooltip visibility.

NNita
84% match
Loading thumbnail…

Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across the USA, UK, and Canada, showing the hierarchical relationships between a central "Sales Data" node, country hubs, salespersons, and specific chocolate products. Using D3.js v7 with an SVG rendering, the code builds a force-directed layout with `d3.forceSimulation`? Actually it uses a manual spring-based positioning based on fixed coordinates and links. Nodes and links are drawn with `<circle>` and `<line>` elements, while labels and a legend clarify the node types and product categories. The graph is pinned at the center and branches outward to display the data structure.

JJahnavi Kopalli
84% match
Loading thumbnail…

Fork of Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across the USA, UK, and Canada, showing the relationships between a central "Sales Data" node, country nodes, salespersons, and chocolate products. The d3.v7 library with a force simulation layout positions nodes, with light gray links connecting hierarchical categories. SVG circles and rectangles represent nodes with black borders, while text labels identify each element. The graph uses pinned coordinates for the central node, and the code defines a legend, making the data hierarchy and product-to-salesperson associations explicitly visible.

Ssowmyakancharla01@gmail.com
83% match
Loading thumbnail…

Fork of Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across three countries—USA, UK, and Canada—using a force-directed layout. A central "Sales Data" node connects to country nodes, which branch to individual salespersons and their associated chocolate products. The SVG implementation uses d3.forceSimulation to position nodes and links, with distinct shapes and colors differentiating countries, salespersons, and product categories. Node labels appear directly on the canvas, and the data is embedded inline within the JavaScript code.

Ssowmyakancharla01@gmail.com
83% match
Loading thumbnail…

ICE-8 tagore Tree graph

A hierarchical tree graph visualizes global sales data, showing the relationship between product categories and countries. The root node represents overall sales, branching into Technology and Office Supplies, with leaf nodes for individual countries and their sales values. Built with D3 v7 and SVG, the visualization uses `d3.hierarchy` and `d3.tree` to compute the layout, while `d3.linkHorizontal` draws curved connecting paths. Nodes are styled with different shapes—ellipses for the root and category levels, circles for countries—and color-coded by depth, with text labels positioned based on whether nodes have children.

Cchilukuritagore1427@gmail.com
81% match
Loading thumbnail…

Fork of Fork of Fork of network ICE

This example shows a sales hierarchy tree with a root node for Global Sales, branching into country-level nodes (United States and United Kingdom), sales representatives, and individual products. The visualization uses D3.js v7 with the `d3.tree()` layout and `d3.hierarchy()` to compute node positions, then renders the structure as an SVG using `linkHorizontal()` for the connecting paths and colored circle nodes representing depth levels. Labels are positioned to the left for parent nodes and to the right for leaf nodes, with the data structure hardcoded in JavaScript.

Sshreyavallamsetla@gmail.com
80% match
Loading thumbnail…

ICE-8_Assignmnet -8 of Tree structure

This visualization displays a hierarchical tree structure of US housing sales data, organized by geographical regions (West, South, Northeast, Midwest) and states, with leaf nodes showing sales figures, median prices, and square footage for each state. Built with D3 v7, the code uses `d3.hierarchy()` and `d3.tree()` to compute the layout, then renders SVG paths via `d3.linkHorizontal()` for connecting links and SVG groups for nodes, with node shapes differentiated by their type (region, state, or info).

Ssowmyakancharla01@gmail.com
79% match