Skip to main content
SimilarExport ZIP
100%

SharanyaSriram

✓ Published1🌍 Public
SSharanyaSriram
Last edited Mar 10, 2023
Created on Mar 9, 2023

A horizontal bar chart shows the number of weeks each of the top 15 tennis players competed, sorted by name. The visualization loads player data from a CSV file using `d3.csv`, then renders green SVG rectangles scaled with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, with axes drawn manually and tick labels positioned via React components and D3’s selection utilities.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of SharanyaSriram

This chart shows the number of weeks each of the top 15 tennis players has played, ranked vertically with horizontal green bars. It uses React for component state and rendering, while D3 v5 handles CSV data loading and scales (`d3.csv`, `scaleBand`, `scaleLinear`). The SVG output includes custom gridlines and axis labels drawn manually via React elements, with a fixed 960×500 viewport. Data originates from a remote CSV file listing player names and weeks.

SSharanyaSriram
92% match
Loading thumbnail…

Bar Chart

This bar chart displays the top 15 cricket players ranked by their match scores. Built with React and D3 v5, it uses `scaleBand` for the categorical player names on the y-axis and `scaleLinear` for the numeric score values on the x-axis. The data is loaded from a CSV file via the `csv` function, with tick formatting handled by `format`. SVG rectangles render each bar, and tooltips appear on hover using the native `<title>` element.

BBhavyaMammai
75% match
Loading thumbnail…

Victory!

A bar chart ranks tennis players by total weeks spent as the world's number one, using data from a CSV file. The React component loads the data with d3's `csv` function inside a `useEffect` hook. Victory Charts' `VictoryChart` and `VictoryBar` render the ranked bars, with the x-axis listing player names and the y-axis showing weeks, and gender is included in the data but not visually encoded.

RRakshith
73% match
Loading thumbnail…

data

This visualization displays the top 11 popular sports in 2021 as a horizontal bar chart, using a purple bar for each sport whose length corresponds to the number of matches played that year. The chart loads data from a CSV file using `d3.csv` and renders SVG elements through React components. It uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and custom tick rendering for both axes. The page includes a title and uses React hooks like `useState` and `useEffect` to manage data loading.

SSaiSree0122
72% match
Loading thumbnail…

le cose del tennis

This bar chart displays the total points won in response by four tennis players during an ongoing tournament, with player names on the vertical axis and the count on the horizontal. The visualization uses D3 v5, reading data from a CSV file and rendering as an SVG. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with tick marks, while custom CSS styles the red bars and large monospace labels.

HHombreLobotomia
71% match
Loading thumbnail…

Sharanya Sriram 11597311-Ice5

This visualization displays organizational data from a linked CSV file, showing dataset size in kilobytes, row count, and column count after loading. The graphic uses a basketball-reference.com-sourced background image, with D3.js (v7.3.0) handling CSV retrieval and formatting via `d3.csv` and `d3.csvFormat`. The SVG canvas remains unfilled, with information presented as text messages centered over the custom background.

SSharanyaSriram
71% match
Loading thumbnail…

CSCE-5320 ICE-6

This bar chart shows the ten cricketers with the most runs, ranked by total score. The visualization loads data from a CSV file using `d3.csv`, sorts it to the top ten entries, and renders horizontal bars with `React` components and SVG. D3’s `scaleBand` and `scaleLinear` position the bars and axes, while `axisLeft` and `axisBottom` are used to label the player names and run values, with green gridlines drawn from `xScale.ticks()`.

LLG0498
70% match
Loading thumbnail…

Untitled

An interactive bar chart displays the top 30 cricket players based on a selected batting statistic, including runs, centuries, half-centuries, sixes, highest score, average, strike rate, or duck outs. A dropdown menu triggers the `update()` function, which parses player data from a CSV, filters out zero values, and sorts by the chosen metric. Using D3.js v6, the chart animates bar height and position via `d3.transition()` with a one-second duration, while SVG axes are redrawn on a rotated x-axis.

BBhargavkaipa
70% match