Skip to main content
SimilarExport ZIP
100%

ICE8-2

✓ Published0🌍 Public
Mmamathareddy1321@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from D3 Starter

This network graph visualizes the relationships between job postings, companies, cities, and employment types in a LinkedIn dataset. The visualization uses a force-directed layout created with `d3.forceSimulation` and `d3.forceLink`, rendering nodes as colored circles in SVG. Node colors are assigned by group using `d3.scaleOrdinal` with `d3.schemeSet2`, while drag behavior is enabled via `d3.drag`. The graph shows how job postings at Crocs and Stealth connect to four cities, which each link to four employment types.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8-1

This visualization presents a hierarchical tree of LinkedIn job postings, organized by company (Crocs and Stealth) and location, with leaf nodes for employment types. It uses the D3.js v7 library with an SVG rendering approach, applying `d3.hierarchy` and `d3.tree` to compute the layout. The code draws horizontal links via `d3.linkHorizontal` and custom node shapes (diamonds, circles, rectangles, stars) with distinct colors per depth level. Labels are added to each node using the `node.append('text')` method.

Mmamathareddy1321@gmail.com
89% match
Loading thumbnail…

ICE8- Tree

This visualization shows a hierarchical tree of LinkedIn job postings, organized by companies (Crocs and Stealth), then by location (New York, Los Angeles, Austin, Chicago), and finally by employment type (full-time, part-time, internship, contract). The root node appears as a purple circle, company nodes as orange rectangles, location nodes as blue circles, and job types as green diamonds. The code uses d3.hierarchy and d3.tree() to compute the layout, then draws curved links with d3.linkHorizontal() and renders SVG shapes with appended text labels.

Mmamathareddy1321@gmail.com
86% match
Loading thumbnail…

ICE8-1

The visualization depicts a tree of LinkedIn job postings, organized by company, city, and employment type. It uses a hierarchical layout from D3.js v7 to position nodes, with `d3.hierarchy()` and `d3.tree()` computing the structure. Links are drawn as horizontal paths via `d3.linkHorizontal()`, while node markers vary by depth—diamonds, circles, rectangles, and stars—using `d3.symbol()`. Labels are placed adjacent to each node, with text-anchor adjusted for leaf versus parent nodes. Data is hardcoded in JavaScript, and the SVG renders on a pink background with purple accents.

Mmamathareddy1321@gmail.com
86% match
Loading thumbnail…

ICE8-Tree

This example displays a hierarchical tree of LinkedIn job postings, organized by company, location, and employment type. The static dataset includes two companies, “Crocs” and “Stealth”, each branching into city nodes and then into four job-type leaves. Using D3 v7, the code applies the `d3.tree` layout and `d3.hierarchy` to compute node positions, then renders the structure as SVG paths with `d3.linkHorizontal` and colored circles for nodes. Labels appear beside each node, with the text anchor direction determined by whether the node has children.

Mmamathareddy1321@gmail.com
85% match
Loading thumbnail…

ICE-8 Network graph

This interactive network graph visualizes the top five job categories and company locations from a jobs-in-data CSV dataset. Nodes represent job categories (blue) and company locations (orange), with links showing connections between them, using color to distinguish node types. The graph uses D3.js v7 with `d3.forceSimulation` for physics-based layout, `d3.forceLink` for link forces, and `d3.forceManyBody` for node repulsion, all rendered as SVG with arrowheads on links. Users can drag nodes, which updates the simulation via drag event handlers, while labels display each node’s ID.

Mmedurisk7@gmail.com
84% 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
84% match
Loading thumbnail…

ICE8 - Tree Structure

This tree visualization displays a four-level hierarchy of LinkedIn job postings, organized from the root node down to companies, locations, and job types. The D3.js v7 code builds the structure using `d3.tree` and `d3.hierarchy`, with SVG links drawn via `d3.linkHorizontal` and custom node shapes selected by depth—diamond, circle, square, and star—through `d3.symbol`. Data appears hardcoded in the HTML file, showing fictional postings for Crocs and Stealth across multiple cities.

Mmamathareddy1321@gmail.com
84% match
Loading thumbnail…

ICE - 8 - TREE

This example visualizes a hierarchical tree of LinkedIn job postings, showing the structure of companies, locations, and employment types. The D3 v3 layout creates a collapsible tree diagram with pink and purple node circles and curved link paths. The code uses `d3.layout.tree()` for positioning, `d3.svg.diagonal()` for curved links, and click handlers on nodes to expand or collapse child branches. The data is hard-coded as a JavaScript array with company names, locations, and four job types per location.

Mmamathareddy1321@gmail.com
82% match