Skip to main content
SimilarExport ZIP
100%

Customizing Ranking of German Companies

✓ Published0🌍 Public
JJayetsu
Last edited Mar 12, 2019
Created on Mar 10, 2019

This visualization shows the top German companies ranked by revenue in 2017, with each company represented as a horizontal bar ordered by sales figures. The chart clearly displays the revenue hierarchy, from Volkswagen at the top to HeidelbergCement at the bottom. The code uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` functions to construct the SVG bar chart. Data is loaded from a semicolon-delimited CSV file using `dsv`, with revenue values parsed and scaled to billions.

AI-generated description

This data is available at German Firm Statistics 2017 blablabla...

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Ranking of German Companies

This example demonstrates the ranking of the 50 largest German companies by revenue, displayed as a horizontal bar chart. The chart uses a linear x-axis for revenue in billions and a categorical y-axis for company names, with bars drawn as SVG rectangles. The D3 v5 implementation builds the visualization using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, loading data from a semicolon-delimited CSV file. The data originates from German Firm Statistics 2017.

Mmimatador
92% match
Loading thumbnail…

Ranking of German Companies

This bar chart ranks the 50 largest German companies by revenue in billions of euros, using a horizontal layout with company names on the y-axis and revenue on the x-axis. The visualization is built with D3 v5, employing `scaleLinear` for the quantitative axis and `scaleBand` for the categorical company names, rendered as SVG rectangles filled with steelblue. Data is loaded from a semicolon-delimited CSV file via `dsv`, with revenue values parsed as numbers before binding to the scales. The chart includes left and bottom axes generated by `axisLeft` and `axisBottom`, with margins and padding applied to the band scale for readability.

Mmimatador
87% match
Loading thumbnail…

Data Visualization - ICE-6 - Bar chart

This horizontal bar chart displays the top 10 companies by revenue in billions of dollars, sourced from a CSV file. Each bar’s length is proportional to the revenue value, scaled using `d3.scaleLinear`, while company names are positioned with `d3.scaleBand`. The chart renders as an SVG with React, using `d3.csv` to load data and a `useEffect` hook to fetch and parse it. Axis ticks and gridlines are drawn with `d3.axisLeft` and `d3.axisBottom` logic, and red fills highlight the bars.

Ssuchitra2602
71% match
Loading thumbnail…

Data Visualization - ICE-6 - Bar chart

This bar chart displays the revenue of the world’s top 10 biggest companies in billion dollars, sourced from a CSV file. It highlights how custom D3 axes can be styled with red gridlines, blue tick labels, and adjusted tick font sizes. The visualization is built with React and D3 v5, using `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and rendering rect elements in SVG. Axes are manually constructed by mapping tick values, avoiding the default axis generators.

Ssuchitra2602
71% match
Loading thumbnail…

company list

This example displays a horizontal bar chart of the top 11 companies from a dataset titled “Famous Sports in 2021,” ranked by their serial number. The visualization uses React with hooks to fetch CSV data via d3.csv, then renders SVG rectangles whose lengths encode the serial number values. D3 scales, including scaleBand and scaleLinear, position the bars, while custom tick marks and labels are drawn manually rather than using d3.axisBottom or d3.axisLeft. The chart is styled with a purple fill for each bar.

NNaimisha-M
70% match
Loading thumbnail…

carbrandsales

This horizontal bar chart displays the top ten car brands by 2016 sales, using React to render SVG elements and D3 scales for layout. The visualization loads CSV data via `d3.csv`, applies a linear scale for sales values, and a band scale for brand names. Orange rectangles represent each brand’s sales figures, with gridlines and tick labels generated from the x-axis scale. The chart focuses on comparing relative sales performance across brands in a single year.

Vvaddepallinaveen
69% match
Loading thumbnail…

1 BMW volume of sales

This stacked bar chart displays BMW sales volumes per year, segmented by region. The code loads a CSV file and uses `d3.rollups` to aggregate the data by year and region, then renders the result as SVG bars via `d3.stack`. A custom color scale classifies regions by their total sales, from highest to lowest, and bars can be clicked to highlight individual regions.

BBismark Kofi Owusu Sarfo
69% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the brand values of the world’s top 10 most valuable companies in 2018, using data from the Inc. article “The 10 Most Valuable Brands in 2018.” The visualization encodes value on the horizontal axis with a linear scale and company names on the vertical axis using an ordinal band scale. Built with D3 v5, it renders company names and values as SVG rectangles, axes, and labels via `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. The chart populates from a local CSV file, with values multiplied by one million for display.

Wwangjonathan
69% match