combining views

100%

combining views

✓ Published0🌍 Public

Last edited Jan 1, 2022

Created on Jan 1, 2022

This interactive visualization combines a statistical bar chart and a timeline to explore NBA player career data. Users filter the dataset through dropdown menus for player status, group by attributes like draft year or country, and select quantitative stats such as points or assists. The top-N players are aggregated and displayed over time, with a slider controlling the timeline range. Built with D3 v7, it uses CSV data loading, scales, axes, and event-driven re-rendering. The SVG views update synchronously, showing how linked views can reveal trends across hierarchical groupings and temporal dimensions.

AI-generated description

Combination of https://vizhub.com/PhilapR/01f20f4af7b0451bb0fd3cca61a1d5d6 and https://vizhub.com/PhilapR/61f5f675969f40c2a4429ffaf5eb2f69

MIT Licensed

Similar vizzes

Loading thumbnail…

nba career performance with filters and grouping

The visualization displays NBA career performance metrics with interactive filters for grouping, statistics type, player status, and top-N selection, alongside a timeline brush slider. It aggregates player data by attributes like school, country, or draft year, showing mean values for points, assists, rebounds, and other career stats. The implementation uses D3.js version 7 with csv loading, rollups for grouping, and scaleLinear/scaleBand for chart construction. A snap-to-grid slider brush enables timeline filtering, while dropdown menus control the grouping dimension and metric displayed, with data sourced from an external CSV file.

PPhilip Rago

82% match

Loading thumbnail…

Nba Data but better

This interactive bar chart visualizes NBA player statistics, letting viewers switch between points, assists, rebounds, and seasons played using dropdown menus. The visualization uses d3.scaleBand and d3.scaleLinear to position bars, with d3.transition animating bar growth and mouseover effects that dim other bars and display a date tooltip. Data loads from a CSV file via d3.csv, while the custom menu component uses d3.dispatch for change events. SVG rendering includes hover opacity transitions and axis updates.

PPhilip Rago

81% match

Loading thumbnail…

nba over time vert bar

This interactive bar chart visualizes NBA player statistics across career timelines, filtering by active status and allowing selection of metric (points, assists, rebounds, experience, all-star appearances) and timeline type (draft year or birthdate). The visualization uses D3 v7 with d3.rollups for data aggregation, d3.scaleBand and d3.scaleLinear for scales, and d3.sliderBottom for interaction. The code loads CSV data, groups records by time period, and renders animated vertical bars whose heights represent the average value of the selected statistic per grouping.

PPhilip Rago

81% match

Loading thumbnail…

NBA career data d3

This visualization displays aggregated NBA career statistics by country for a selected season year, using horizontal bar charts to compare metrics like points, assists, rebounds, and all-star appearances. Users control the view through two dropdown menus to choose the year and stat category. The chart updates with animated transitions on bar widths as selections change. Data is loaded from a CSV file via `d3.csv` and processed with `d3.rollups` and `d3.sum`. The bars are rendered as SVG rectangles with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, while `d3.select` handles interactive hover effects.

PPhilip Rago

79% match

Loading thumbnail…

Iterated NBA Career Stats v1

This interactive bar chart visualizes career statistics for top NBA players, allowing users to sort and display values for points, assists, rebounds, seasons played, or All-Star appearances. A dropdown menu controls which statistic is shown, while the chart renders horizontal bars via React components and D3 v5 scales. The visualization uses d3.csv for data loading, scaleBand and scaleLinear for positioning, and SVG rectangles with tooltips to display values for the top ten players sorted by the selected metric.

PPhilip Rago

78% match

Loading thumbnail…

nba over time horz bar

This visualization shows NBA player statistics over time using horizontal bar charts, with the bars sized by aggregated values like points, assists, rebounds, and All-Star appearances. The chart distinguishes between active and inactive players, and allows the user to select a time grouping, a statistic type, and the number of players displayed. Data is loaded from a CSV via `d3.csv` and grouped with `d3.rollups` and `d3.mean`. The visualization updates dynamically with an SVG render and interactive dropdown menus using D3 v7.

PPhilip Rago

78% match

Loading thumbnail…

Further interaction NBA Statistics

This interactive visualization displays the career statistics of the top ten NBA players based on a selected metric—points, assists, rebounds, or seasons played. Users choose a stat from a dropdown menu, which triggers a re-sorting of the horizontal bar chart using React state and `scaleBand`/`scaleLinear` scales from d3.v5. The SVG bars are rendered with tooltips showing formatted values, and the data is loaded asynchronously via d3’s `csv` from a GitHub-hosted dataset.

PPhilip Rago

76% match

Loading thumbnail…

Untitled

This interactive bar chart displays NBA team statistics for the 2021 regular season, with eight buttons letting viewers switch between metrics such as field goals made, assists, and rebounds. The visualization uses d3.csv to load data from a GitHub-hosted dataset and renders SVG line and circle marks, where each team’s value is shown as a point on a vertical baseline. The d3 scaleBand and scaleLinear axes update with smooth transitions on button clicks, changing the Y-axis domain to fit the selected statistic while coloring points by conference (Western or Eastern).

LLinhao Yu

75% match