Skip to main content
100%

Gist aee62010c9cd9b05dbbcfb8872b2c285

✓ Published0🌍 Public
WWilliamQLiu
Last edited Jun 12, 2019
Created on Jun 12, 2019

A scatterplot visualizes the lifespans of 101 fictional companies, plotting founding year on the x-axis and dissolution year on the y-axis. Each point represents a company, with diagonal positioning indicating longer durations. The visualization uses D3.js with `d3.forceSimulation` for layout and SVG circles. Data comes from the small-sample-companies.csv file. The rendering approach filters to companies with both start and end years, encoding temporal relationships directly through coordinate positions rather than additional visual channels.

AI-generated description

Similar vizzes

Loading thumbnail…

testing

This example visualizes the lifespan of companies by grouping them into age categories based on their incorporation and dissolution dates. The bar chart displays five age brackets (0-3, 4-7, 8-11, 12-15, and more than 15 years) with the height of each steel-blue rectangle representing the count of companies in that range. The code uses D3 v5’s `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct and render the SVG chart from a CSV file, with company names also parsed to count term frequencies.

BBarryC7
76% match
Loading thumbnail…

Fork of Fork of Scatter plot

A scatter plot visualizes company financial performance from 2018 to 2030 using CSV data, encoding Revenue, Expenses, and Profit as colored circles whose size reflects employee count. D3 v7 API calls including `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom` render the SVG chart, while mouseover events trigger a positioned tooltip showing metric details. A legend distinguishes the three financial metrics, and a secondary legend maps circle size to employee numbers.

Ssowjanya
72% match
Loading thumbnail…

Company Data Scatter Plot

This scatter plot visualizes company data, showing the relationship between the number of employees and revenue, with the market value encoded by the size and color of each circle. The visualization uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.scaleSqrt`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft`. Data is loaded from a remote CSV file, rendered as SVG circles on a linear scale for both axes, with a square-root scale determining the circle radius. The plot uses colorful circles colored via `d3.scaleOrdinal` with the `d3.schemeCategory10` palette.

Bbogasamudramvamsikrishnareddy
70% match
Loading thumbnail…

Billionaires Dot Chart

This dot plot visualizes the founding years of ten billionaire-owned companies, with each dot positioned along a horizontal axis scaled to represent the year founded and labeled vertically by company name. Hovering over a dot displays its approximate founding year. Built with the p5.js library, the sketch loads a CSV file from a GitHub Gist using `loadTable()`, sorts the year data, and renders interactive circles with custom hit-testing via `mouseOnHover()`. Axis labels, tick marks, and a legend are drawn directly on the canvas.

AAllen Ho
69% match
Loading thumbnail…

scatter plot transition

This animated scatter plot shows the relationship between 13th and 61st month persistency rates for Indian life insurance companies from 2016 to 2021. A dropdown menu allows selection of a specific year, triggering smooth transitions where data points move to their new positions via D3's `transition()` and `duration()`. The visualization uses D3 v7 with SVG rendering, `d3.csv` for data loading, and scales from `d3.scaleLinear`. Each circle represents a company, positioned by x and y axes with grid lines and labeled axis titles.

KKaustav Sen
69% match
Loading thumbnail…

“Scatter — Life Expectancy (Year vs Life)”

This scatter plot visualizes the relationship between year and life expectancy using D3.js scales and SVG circles. The React app fetches a CSV file, auto-detects its delimiter (tab or comma), parses numeric columns, and renders data from the included dataset featuring India’s life expectancy from 2000 to 2023. The `viz.js` module maps values to x/y coordinates via `scaleLinear` and `extent`, with status messages for loading, errors, or empty data. The SVG includes white background, axis labels, and the visualization title.

Aabhyudaithakur7@gmail.com
68% match
Loading thumbnail…

Fork of CV: Scatter Plot

This scatter plot visualizes the relationship between a startup's age and its active user count, with each circle representing a company from a CSV dataset. Built with React and D3 v7, the visualization uses linear scales derived from data extents to position circles on age and user metrics. Users can click any circle to highlight it, which changes its fill to white with a black stroke. The chart includes labeled axes for company age and active users, with the SVG rendering responsive to container dimensions via a ResizeObserver.

AAddiga Himesh Chander
68% match
Loading thumbnail…

Assignment5

This visualization displays the relationship between market capitalization and annual revenue for 30 U.S. companies using a scatter plot. D3 v7 loads CSV data from a GitHub gist and renders an SVG chart with circles positioned by two quantitative axes. The code reports dataset summary statistics with formatted numbers and labels axes with dollar values in billions. Uses `d3.csv()` for parsing, `d3.extent()` for value ranges, and `d3.format()` for number formatting, with equal circle size to emphasize positional encoding.

HHaiyan Sun
68% match