Skip to main content
SimilarExport ZIP
100%

San Diego Rockets/Houston Rockets Season by Season Winning Percentage since their inaugural season

✓ Published1🌍 Public
CChristian June Gregorio
Last edited Oct 31, 2022
Created on Oct 2, 2022

This chart displays the San Diego/Houston Rockets’ winning percentage for every season since the franchise’s inaugural 1967-68 campaign, using a red filled area path. The data, sourced from basketball-reference.com, is loaded as CSV and rendered with D3 v7, where `scaleBand` spaces the season labels on the x-axis and `scaleLinear` maps the percentage values from 0 to 100 on the y-axis. The `area` generator creates the shaded region, while `axisBottom` and `axisLeft` add gridlines and ticks, with rotated season labels.

AI-generated description

The data from this graph is taken from basketball-reference.com

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Line graph

This interactive line graph visualizes the historical win rates of NBA teams from 2010-11 through 2021-22, with the x-axis representing the season year and the y-axis showing each team’s winning percentage. A dropdown menu lets the viewer highlight one of 30 teams, whose line is drawn in red while the others remain black. Built with D3 v7, the visualization uses `scaleTime` and `scaleLinear` for axes, `line` for path generation, and a `join` pattern for updating SVG elements on state changes. The data is loaded from a CSV file parsed with `csvParse`.

QQingyang Wang Profolio
61% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This bar chart shows the total number of rockets launched each year, with bars segmented by mission status (success or failure) to add a categorical color dimension. The visualization uses Vega-Lite, with data loaded via D3’s `csv` function from a Kaggle-sourced CSV file. The `groupby` transformation aggregates counts per year and status, while the tooltip displays the raw count. Custom axis styling and a dark color scheme in the config file improve readability against a full-window canvas.

JJimMaltby
60% match
Loading thumbnail…

[1]Total Number of Rockets Throughout The Years

This visualization displays the total number of rocket launches per year, with a bar chart where the x-axis represents the year and the y-axis shows the launch count. Built with React and D3 v5, it uses SVG rendering and scales from `d3.scaleLinear` to map data values. The underlying data comes from a CSV file on privatization of space, and each bar includes a tooltip showing the specific year and count.

TTaylor
60% match
Loading thumbnail…

Stylized Bar Chart Basketball Seasons

This stylized bar chart ranks NBA players by the number of active seasons they have played, with each horizontal bar labeled by player name. The visualization uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, rendering marks as SVG rectangles within a React component. Data comes from a CSV file loaded via d3.csv, covering post-season, pre-season, All-Star, and regular season appearances. Axes are custom React components generating tick marks and labels with d3 formatting utilities.

PPhilip Rago
59% match
Loading thumbnail…

Total Number of Rockets Throughout The Years

This bar chart shows the total number of rockets launched per year, with each bar segmented by mission success or failure. The visualization encodes the launch year on the x-axis, the count of rockets on the y-axis, and mission status as color. Built with Vega-Lite and the vega-lite-api, it uses d3.csv to load launch data from a GitHub-hosted CSV, then aggregates records by year and mission status using vl.groupby and vl.count. The chart fills the browser window and includes tooltips displaying the count for each segment.

CCurran Kelleher
59% match
Loading thumbnail…

Rocket League Interactive Scatter Plot - CJKraenzle

This interactive scatter plot visualizes Rocket League statistics from top players across the first three competitive seasons, plotting win percentage against miscellaneous score per game. Users can select continuous statistics for the x-axis, y-axis, and circle radius, as well as a nominal attribute for color, via dropdown menus. The visualization is built with D3 v4, Redux, and d3-component, using SVG with smooth transitions and animations for an engaging exploration of player performance data.

CCJKraenzle
59% match
Loading thumbnail…

Line graph

This line graph displays the historical win rate of the Boston Celtics NBA team from 1978 to 2018, with the x-axis representing the season year and the y-axis showing the winning percentage. The visualization uses `d3.scaleTime` and `d3.scaleLinear` to map data from a CSV file, which includes attributes such as Season and W/L% from a public gist source. The chart is rendered with `d3.line` to create the path, along with `d3.axisBottom` and `d3.axisLeft` for the axes, and includes custom labels for clarity.

QQingyang Wang Profolio
59% match
Loading thumbnail…

EDAV Interactive

This interactive bar chart displays the 2019 NBA win totals for all 30 teams, ordered from highest to lowest, with tooltips revealing exact values on hover. Built with the D3.js v5 framework (via APIs like `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`), the visualization uses SVG rects for bars and animated hover effects—highlighting the bar in green and showing a tooltip—to emphasize the gap between top teams like Milwaukee (56 wins) and bottom teams like Golden State (15 wins). The underlying data is loaded from a CSV file, and the styling uses SCSS variables for consistent theming.

Iiyengarakshay00
59% match