Skip to main content
SimilarExport ZIP
100%

ice-8

✓ Published0🌍 Public
Ssaiyogesh9911@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Kartheek_ICE8

This interactive tree chart visualizes tech industry layoffs, organizing companies by sector and country. The D3.js (version 3.5.17) layout renders an SVG hierarchy with distinct node shapes and colors: cyan circles for industries, aqua rectangles for countries, and yellow squares for companies, all linked by white strokes on a tan background. A fixed legend explains the mappings. The static dataset includes four industries—Finance, Security, Education, and Healthcare—with associated countries and named startups, though the animation capability implied by the metadata is not implemented in the shown code.

AI-generated description

This is a description using Markdown.

MIT Licensed

Similar vizzes

Loading thumbnail…

Tree Chart

This interactive D3.js v3 tree chart, rendered as an animated SVG diagram, maps a dataset of technology company layoffs organized by continent and country. It shows the hierarchical structure of the data with a root node labeled “Tech-Layoffs” branching into three levels: continents, countries, and individual companies. The chart uses distinct geometric shapes—circles, rectangles, and squares—and color-coding to differentiate node types, as explained in an on-page legend. Built with the D3 library, it displays nodes and white connecting links with a sky-blue background, though user interaction like clicking is limited to cursor styling.

Cchamarthisreenivasvarma@gmail.com
83% match
Loading thumbnail…

Fork of Kartheek_ICE8_Networkgraph

This network graph shows the relationships between industry sectors, geographic regions, and specific companies based on tech layoffs. A central "Industry" node connects to five sectors, which then link to countries and individual startups. The visualization uses a force-directed simulation with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to position nodes, while `d3.drag()` enables interactive node manipulation. Data is loaded from `data.json` and rendered as SVG circles and lines, with node colors representing different groups.

Ssaiyogesh9911@gmail.com
81% match
Loading thumbnail…

Sreenivas Varma ICE-8

This cluster tree chart visualizes technology layoffs across global regions and countries, using a hierarchical structure that branches from continents down to specific companies. The interactive diagram displays company names as leaf nodes, organized by geographic location to reveal patterns of workforce reductions. Built with D3.js and rendered as SVG, the visualization employs d3.layout.cluster for the tree layout algorithm and d3.svg.diagonal for the connecting links, with a light gray background and steel blue node styling.

Cchamarthisreenivasvarma@gmail.com
80% match
Loading thumbnail…

Ice 8

This interactive organizational chart visualizes a company hierarchy using a tree layout, with a rectangular root node for the CEO, green circular nodes for department heads, and orange circles for team members. The code builds the tree using D3.js v7’s `d3.tree()` and `d3.stratify()` APIs, loading data from a CSV file hosted on GitHub Gist. It renders the structure as SVG paths and shapes, with horizontal curved links connecting parent and child nodes based on depth-based styling.

UUday Kiran
80% match
Loading thumbnail…

ice8

This interactive network graph visualizes a hierarchical dataset representing a company’s organizational structure, from the CEO down to individual employees. Using D3.js (v7) and React within an SVG framework, the code employs `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to apply physics-based layout, with nodes colored by depth. Users can drag any node, which temporarily adjusts the simulation’s temperature via `simulation.alphaTarget` to reposition the graph interactively.

RRakesh Kumar Chekuri
78% match
Loading thumbnail…

ICE8-1

This tree diagram visualizes LinkedIn job postings, organized hierarchically by job sector, location, and employment type. The visualization uses D3.js v7 to render an SVG with a custom layout, where nodes are styled by depth level: black diamonds for the root, purple circles for sectors, orange squares for locations, and blue stars for job types. The code applies d3.hierarchy and d3.tree to structure the dataset, with horizontal links drawn using d3.linkHorizontal.

Mmamathareddy1321@gmail.com
78% match
Loading thumbnail…

Tree ICE - 8

This interactive organizational chart displays a company’s hierarchical leadership structure as an animated tree diagram. The visualization, built with the D3.js library, uses custom SVG elements for nodes and links, featuring styled circles and italicized text labels. The tree expands vertically, with each level of management positioned at a fixed depth. Animated transitions, configured with a 750-millisecond duration, move nodes and links smoothly when the diagram updates. The page’s stylesheet sets a sky-blue background, while the node and link styling uses specific colors and stroke widths, all defined in the embedded CSS.

Aakshitha.rapala@gmail.com
78% match
Loading thumbnail…

Kartheek_ICT5

This example visualizes tech industry layoffs using D3 v7 to load and parse CSV data from a gist. The page displays two static SVG illustrations: one of an office building with sad-faced employees to represent company layoffs, and another of a crying face with tear drops to symbolize employee distress. The visualization is accompanied by text explaining that the data was loaded and parsed using D3's `csv` function, and it summarizes the dataset size. The design uses simple, hand-crafted SVG shapes with a muted color palette of grays, white, and black, accented with blue tears, to emotionally convey the impact of layoffs in the tech sector. The project emphasizes data loading and parsing techniques using D3 v7 within a React framework.

Kkartheekgurijala2023@gmail.com
76% match