Skip to main content
SimilarExport ZIP
100%

Tech gaints

✓ Published0🌍 Public
NNanditha Reddy
Last edited Apr 2, 2024
Created on Mar 31, 2024
Forked from Family Tree ICE-8

This interactive tree visualization shows the evolution of five major tech companies (Apple, Microsoft, Meta, Google, and Amazon) across five years, with each company branching into yearly nodes that display financial attributes like open, close, high, low, and volume. The hierarchy is constructed from CSV data using `d3.hierarchy`, then rendered with `d3.tree()` and `d3.linkHorizontal()` to create the branching paths, while node rectangles and circles are positioned via SVG transforms. Interactive tooltips appear on hover, and the layout animates within an SVG canvas using D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Network graph

This interactive network graph visualizes the hierarchical relationships among major tech giants (AAPL, MSFT, META, GOOGL, AMZN) across yearly financial metrics (Open, High, Low, Close, Volume) from 2019 to 2023. Using d3.forceSimulation for physics-based node positioning, the SVG rendering features animated links whose widths scale with connection weight. Hovering over nodes triggers a tooltip display, and node colors reflect group assignments via a categorical color scale. The implementation relies on D3 v7's force-directed layout and event handling to create an explorable data hierarchy.

NNanditha Reddy
81% match
Loading thumbnail…

Globe

This interactive network graph visualizes the relationships between major tech companies (AAPL, MSFT, META, GOOGL, AMZN) and the years 2019–2023, all connected to a central “Tech Giants” node. Built with D3 v7, it uses `d3.forceSimulation` with link, charge, and center forces to position nodes dynamically, while drag interactions and hover tooltips enhance exploration. The SVG rendering displays nodes as colored circles and labels, with link thickness proportional to connection value, and the data is loaded from an external CSV file.

NNanditha Reddy
77% match
Loading thumbnail…

Technology Companies Tree - Assignment 8

A horizontal tree diagram displays technology companies organized into hardware and software categories, with nodes colored by depth level. The visualization uses d3.stratify to construct the hierarchy from flat data and d3.tree for layout, while d3.linkHorizontal draws connecting paths as SVGs. A d3.scaleOrdinal assigns distinct colors to root, category, and leaf nodes, and a legend clarifies the depth-color mapping. The tree updates its label positioning based on whether nodes have children.

AAKSHAY
77% match
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
76% match
Loading thumbnail…

Tree graph

This interactive tree chart, titled “MY Tree ICE-8,” visualizes a hierarchy of tech layoffs categorized by continent, country, and company. The code uses the D3.js library (version 3.5.17) to construct the tree layout and render it as an animated, scalable vector graphic (SVG). D3’s `d3.layout.tree` and diagonal path generator create the node-link diagram, with distinct shapes and colors (circles, rectangles, and squares) for each hierarchy level. The visualization includes a legend explaining the shape mappings, and its interactive cursor styling suggests nodes can be clicked or hovered.

Cchamarthisreenivasvarma@gmail.com
76% match
Loading thumbnail…

Tech Stock Visualization

This visualization displays the scaled closing prices of tech stocks over time, grouped into industry categories such as Gaming, Streaming, and Tech-Giants. It uses d3.csv to load stock price data, d3.scaleTime and d3.scaleLinear for axes, and d3.line with curveBasis to render smooth lines for each company. Interactive filtering is provided through clickable legend circles, which toggle visibility of specific industries using d3.group and ordinal color scales. The SVG output includes gridlines, axis labels, and animated transitions when filtering.

JJingyuan Liu
76% match
Loading thumbnail…

Tech Stock Visualization

This visualization shows scaled closing stock prices for 26 tech companies throughout 2020, grouped by industry category (Gaming, Streaming, Work-From-Home, Online-Retail, and Tech-Giants). The interactive line chart plots timestamps against scaled closing prices, with each company’s series distinguished by a unique color. Built with D3 v6, it uses `d3.csv` to load remote data, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the paths, and `d3.curveBasis` for smoothing. The SVG rendering includes ordinal color mapping and a bottom legend, with no animations applied.

Yyamunayennem
76% match
Loading thumbnail…

Untitled

A dropdown menu lets the viewer select one of five technology companies—APPLE, IBM, MICROSOFT, SALESFORCE, or VISA—to draw a corresponding line chart of stock data over time. The chart uses an SVG path with a color from the `d3.schemeSet2` palette, and the line updates with a smooth transition animation when a new company is chosen. The data comes from a CSV file loaded via `d3.csv`. The implementation uses `d3.select`, `d3.scaleLinear`, `d3.line`, and the `transition` method for animation.

AAdvait Maduskar
75% match