Fork of company list

100%

Fork of company list

✓ Published2🌍 Public

Last edited Jun 24, 2022

Created on Jun 24, 2022

This bar chart displays the top 11 companies from a CSV dataset, ranked by their “2021” matches, with a main title “Famous Sports in 2021.” Built with React and D3, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, rendering the bars as SVG `rect` elements with a purple fill.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Fork of company list

A bar chart displays the top 11 rows from a CSV of company data, plotting each company’s "Serial_Number" as a purple horizontal bar against its "Leave" label on the y-axis. The React app fetches the data via D3’s `csv` function, then uses D3’s `scaleBand` and `scaleLinear` for axes, with `d3.max` to scale the x-axis. SVG rendering is handled through React’s `ReactDOM.render`, producing tick marks, labels, and the bars themselves. The chart’s title, "Famous Sports in 2021," appears as an HTML heading.

NNaimisha-M

92% match

Loading thumbnail…

Fork of company List

This visualization displays sports-related data from a CSV file as a horizontal bar chart, ranking the top 11 entries by their 2021 match counts. The chart uses React for component-based rendering and D3 v5 for data loading and scale construction. Specifically, it employs `d3.csv` for data fetching, `scaleBand` for the categorical y-axis, and `scaleLinear` for the numeric x-axis. The SVG rectangles are colored purple and rendered directly within a React component, with axes and tick labels generated manually using D3's scale methods.

NNaimisha-M

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

89% match

Loading thumbnail…

Fork of company List

This example visualizes the most famous sports of 2021 using a horizontal bar chart. The chart displays the number of matches for each sport, with sports ordered alphabetically along the vertical axis and match counts on the horizontal axis. The code uses D3 v5 utilities like scaleBand, scaleLinear, and max to create the scales, while CSV data is loaded via d3.csv. The visualization is rendered as SVG elements within a React component using the react and react-dom libraries, with purple bars representing each sport's match count.

NNaimisha-M

88% match

Loading thumbnail…

Fork of company list

This visualization displays a horizontal bar chart of company data, showing the top 11 entries from a CSV file loaded via `d3.csv`. Each bar represents a company’s serial number, with company names listed on the y-axis using `scaleBand` and numeric values on the x-axis via `scaleLinear`. The chart is rendered in React using SVG elements, with purple bars and orange gridlines produced by `xScale.ticks()`. The data is fetched from a GitHub gist and displayed with axis labels.

NNaimisha-M

87% match

Loading thumbnail…

Fork of Sports List

This visualization presents a bar chart of the most famous sports in 2021, using horizontal bars ordered by rank to display the number of matches for each sport. It loads data from a CSV file via `d3.csv` and renders the chart with React, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The SVG output includes grid lines and axis tick labels generated by D3’s scale methods, with bars filled in purple.

NNaimisha-M

85% match

Loading thumbnail…

Fork of Fork of Fork of Sports List

A horizontal bar chart displays the popularity of sports in 2021, ranking eleven sports by match count. The visualization uses React with D3.js v5, loading data from a CSV file and rendering the chart as an SVG. D3's `csv` function parses the data, while `scaleBand` and `scaleLinear` position bars and axes. The bars themselves are SVG rectangles filled with purple, and the chart includes axis ticks and labels generated with D3's `scaleLinear` and `scaleBand` methods.

NNaimisha-M

84% match

Loading thumbnail…

Fork of Sports List

This example displays the 11 most popular sports of 2021 ranked by number of matches, rendered as a horizontal bar chart using SVG. The chart uses React with hooks to load and manage the CSV data, while D3 v5 provides the scales, axes, and shape rendering. The bars are colored purple and include labeled tick marks for both axes, with the x-axis scaled linearly by match count. The code uses `scaleBand` for the categorical sports names and `scaleLinear` for the numeric values.

NNaimisha-M

84% match