Skip to main content
100%

Unicorns

✓ Published0🌍 Public
Aandrewdblevins
Last edited Jul 16, 2017
Created on Jul 16, 2017

A bar chart displays the total number of investors for each startup unicorn, with bar height proportional to the count of investors listed in the company data. The visualization renders as SVG using D3 v4, binding each company from `companies.json` to a group element, then appending a `rect` and a `text` label. The bars are positioned vertically based on investor count, with the company name placed above each bar. The chart is built with d3.json, selections, and data joins.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/andrewdblevins/'>andrewdblevins</a>'s block: <a href='http://bl.ocks.org/andrewdblevins/a9011983393e0e7f39bb10c81ed98897'>Unicorns</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Unicorns

A bar chart displays the total number of investors for each startup unicorn, with bar height proportional to the count of investors listed in the company data. The visualization renders as SVG using D3 v4, binding each company from `companies.json` to a group element, then appending a `rect` and a `text` label. The bars are positioned vertically based on investor count, with the company name placed above each bar. The chart is built with d3.json, selections, and data joins.

Aandrewdblevins
100% match
Loading thumbnail…

Unicorns

A bar chart visualizes the relative number of investors backing each of the world’s most valuable startup companies. Each vertical bar represents a company, with its height proportional to the count of investors, and company names are labeled above. The visualization uses D3 v4 and SVG within a Vue framework. The code loads a JSON dataset, nests investors per company, and maps funding details to bar heights and text labels.

Aandrewdblevins
96% match
Loading thumbnail…

Metis: Data Transformation + Nest (sxywu)

This example shows a bar chart of venture investors, where each bar represents one investor and its height encodes the number of unicorn companies in their portfolio. The underlying data is first transformed with `d3.nest()` to group individual investment records by investor, then bound to SVG `<g>` elements using a data join. The chart uses `d3.select`, `enter`, `merge`, and `exit` to manage rectangles and text labels, with scales omitted and positions calculated manually via translation transforms. The bars are drawn as semi-transparent steelblue rectangles, and each label displays the count of investments.

VVirginiaHNg
76% match
Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This bar chart displays the top 10 most valuable unicorn companies, with company names on the y-axis and valuation in billions on the x-axis. The visualization is built using React and D3.js, where React manages the component state and rendering of SVG elements, while D3’s `scaleBand` and `scaleLinear` handle the chart’s scales and tick generation. Data is loaded asynchronously from a CSV file via `d3.csv`, filtered to the top 10 entries, and rendered as blue rectangles.

Pprashanth yamala
75% match
Loading thumbnail…

Fork of Hello VizHub

This scatter plot visualizes unicorn companies by their valuation (x-axis) and date joined (y-axis), with each circle representing a company. It loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The SVG rendering maps valuation as a numeric variable and date as a date object, with points plotted using circle elements. The chart includes labeled axes for both dimensions and is implemented entirely through D3’s low-level linking approach.

Ssusarlasruthi2000@gmail.com
74% match
Loading thumbnail…

Startup Analysis

This interactive line chart tracks the number of startups categorized as Unicorns, Exited, or Operating from 2005 to 2013, using data from findata.csv. Three colored lines, distinguished by stroke styles, show trends over time, with small circles marking each data point. Hovering over a point enlarges it, turns it orange, and displays the exact frequency value in a tooltip. Built with D3 v5, the visualization renders as SVG and uses `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct the chart and axes.

VVaralika13
73% match
Loading thumbnail…

New Bar Chart D3

This bar chart displays the wealth of billionaires, grouped by company name, with bar heights and colors scaled to each billionaire’s net worth in billions of dollars. Built with D3 v6 and React, the visualization loads CSV data from a GitHub gist, uses `d3.scaleBand` and `d3.scaleLinear` for axes, and renders bars as SVG rectangles with hover effects via CSS. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and each bar includes a tooltip title showing its value.

AAllen Ho
71% match
Loading thumbnail…

Class: Stacking & Nesting

A stacked bar chart displays the number of startups in two sectors—consumer and enterprise—per investor, using color to distinguish sectors and hover to reveal individual company names and amounts. The code nests the data by investor and sector with `d3.nest()`, computes stack offsets via `d3.stack()`, and renders SVG rectangles and labels with D3 v4 selections and joins. The data is embedded in the script, with axis positions derived from array indices and bar heights scaled by counts.

VVirginiaHNg
71% match