Skip to main content
SimilarExport ZIP
100%

Top 10 Colorado Mining Claimants

✓ Published0🌍 Public
WWill Carter
Last edited Sep 19, 2019
Created on Sep 19, 2019

This visualization shows the top 10 Colorado mining claimants as a labeled donut chart, with each slice representing the number of claims held by a company. It uses d3.pie and d3.arc to compute the angular layout, while d3.scaleOrdinal assigns a categorical color from d3.schemeCategory10. Custom label and polyline elements position the company names with leader lines, and the text wrapping function handles multi-line labels. The data is embedded as an object literal in the code, and the chart is rendered with SVG.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Active Colorado Mine Claims

This bar chart displays the number of active mine claims in Colorado per year from 1906 to 2019. Users can filter the data by entering a start and end year, which updates the visualization to show a subset of the data. The visualization uses D3.js v4 with SVG rendering to draw the bars, and it includes interactive tooltips that appear on mouseover to show the claim count for each year. The chart also has labeled axes for year and active claims.

WWill Carter
73% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of company layoffs, ranking the top 10 companies by laid-off count in a circular layout with labeled segments and a legend. It uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and color-coded segments, while loading data from a CSV via d3.csv. The visualization includes percentage-like tick labels formatted with d3.format and renders text labels directly on the arcs.

Kkartheekgurijala2023@gmail.com
67% match
Loading thumbnail…

Pie_chart_ice_7

This pie chart displays the top 10 company valuations in billions from a CSV dataset. The chart uses a D3.js v5 SVG rendering, with each slice colored via a custom `sectionColors` array and labeled with its value using `d3.pie` and `d3.arc`. A legend to the right maps company names to their respective colors and values. The data is fetched asynchronously from a GitHub gist, and the visualization is generated using `d3.scaleOrdinal` for color assignment and `d3.arc().centroid()` for text placement, all within an HTML page styled with CSS.

Pprashanth yamala
65% match
Loading thumbnail…

Fork of Pie Chart

This pie chart shows the Democratic state populations for the top 10 states by vote count, with a legend displaying each state’s name and population in millions. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, rendering SVG paths with mouseover logging. Data is loaded from a CSV via `d3.csv` and sorted descending before slicing the first 10 entries. Tooltips are not implemented; instead, hovering logs values to the console.

Bbhargavarathod
65% match
Loading thumbnail…

Fork of Pie Chart (with labels) with d3

This example visualizes the top 10 US states by GDP as a donut chart with interactive tooltips. The visualization uses d3.arc and d3.pie to generate SVG paths, while d3.scaleOrdinal assigns categorical colors. Hovering over a segment highlights it and displays a tooltip showing the state name and value. Data is loaded from a CSV file using d3.csv, with the top ten rows selected for display in a React component using hooks.

SSweetierams
65% match
Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 U.S. states by Democratic population, using a pie chart with a categorical color scheme. The chart presents each state’s population in millions via an interactive legend and a labeled SVG arc. The code leverages D3 v5’s `select`, `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to construct the chart from CSV data. Hovering over a segment logs the corresponding state’s population to the console. The data is loaded from a remote CSV file, and the visualization is rendered as an SVG graphic.

Yyaswanthsen
65% match
Loading thumbnail…

Pie Chart

A pie chart displays the population distribution of the top ten most populous countries, with each slice sized proportionally and color-coded via a categorical scale. The chart renders as an SVG, generated from CSV data loaded from a GitHub gist. Using d3.pie and d3.arc, the visualization constructs the circular segments, while d3.scaleOrdinal with schemeCategory10 assigns slice colors. A legend on the right lists each country with its corresponding color swatch and population value, and hovering over a slice logs the population to the console.

Bbrindapotluri
64% match
Loading thumbnail…

Fork of Pie chart Test

This example presents a large donut chart that displays the revenue figures of ten major global companies, drawn from a CSV data file. The chart is rendered as Scalable Vector Graphics (SVG) using the D3.js library, with each segment’s color assigned from a hardcoded ordinal scale. The visualization’s construction relies on the `d3.pie` function to compute the arc segments, `d3.arc` to define the donut’s inner and outer radii, and centroid-based text positioning to place company names. The code also includes a default dataset and static functions, indicating a direct, non-interactive rendering approach.

SSnapika
64% match