Ranking of German Companies

100%

Ranking of German Companies

✓ Published1🌍 Public

Last edited Feb 6, 2019

Created on Feb 1, 2019

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.

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

89% match

Loading thumbnail…

Customizing Ranking of German Companies

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.

JJayetsu

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

68% 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

67% match

Loading thumbnail…

GDP Distribution US and Germany

This scatterplot shows the distribution of government revenue as a percentage of GDP over time for the United States and Germany, with each circle representing a year. The chart uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for gridlines and labels, and an interactive d3 color legend that filters which country's data points are highlighted. Data is loaded from a remote CSV file via d3.csv, and the visualization is rendered as SVG elements with circles positioned by scaled year and GDP values.

MMukund Khandelwal

66% match

Loading thumbnail…

Forbs 2000 global financial ranking

This visualization displays the top 20 global companies ranked by sales in billions of USD, using a horizontal bar chart. Companies are sorted in descending order with value labels at the end of each bar. The chart uses d3.scaleBand, d3.scaleLinear, and d3.axisTop to construct the visualization. Data comes from a Forbes-style dataset in a CSV file, parsed with d3.csvParse and a custom function converting formatted values like "3,744.3 B" to numeric billions.

BBismark Kofi Owusu Sarfo

65% match

Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most valuable companies, with market values in billions and a green axis label and title. It uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisLeft and d3.axisBottom to render axes. The chart is drawn as SVG rectangles, with the y-axis line and ticks removed, and the x-axis tick format converts values from gigabytes to billions. A React starter is also referenced in the README, though the main implementation relies on plain D3 v5.

Aamiralitah

65% match

Loading thumbnail…

Barchart - Highest MPG

This bar chart visualizes the distribution of average horsepower for German car brands, derived from a CSV dataset. Built with D3 v6, it renders an SVG histogram with ten bins, using `d3.histogram()` and `d3.scaleLinear()` for axes. Interactive tooltips appear on hover, displaying the bin range, while animated transitions highlight bars on mouseover. The chart includes labeled axes and a title.

Ddriftcafe

65% match