Skip to main content
SimilarExport ZIP
100%

VIS2

✓ Published0🌍 Public
DDaniel
Last edited Jun 16, 2021
Created on Jun 13, 2021
Forked from Blank Canvas

This interactive visualization displays a filtered collection of over 20,000 board games as a hexagonal grid, using a random seeded layout to position games. Users can filter by player count and category via dropdown menus, with the top 104 ranked games shown as hexagons sized by ranking. Built with D3.js (d3-hexbin, d3-collection, d3-seedrandom), it renders SVG hexagons over a canvas and includes zoom and pan navigation, while tooltips show game details on hover. The visualization animates transitions when filters change, and data comes from a CSV of board game attributes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Week 12 Board Game Visualization Schnair

This interactive visualization explores a dataset of board games, showing how each game relates across user-chosen axes such as BGG rating, complexity, and play time. Users can filter games by domain and mechanics, switch between scatterplot, sparkline, and bar chart views, and toggle color schemes for categorical or sequential data. The visualization is built with React and D3 v7, using `scaleLinear`, `scaleOrdinal`, `scaleSequential`, and `axisBottom`/`axisLeft` for rendering. Data is loaded from a semicolon-delimited CSV and filtered dynamically based on user selections.

112jack812@gmail.com
75% match
Loading thumbnail…

Final Board Game Visualization Schnair

An interactive scatter plot of board game data from a CSV dataset, visualized with D3.js and React. The visualization displays games by BGG rating and complexity, with color encoding by domain or numeric attributes, and supports filtering by game domains and mechanics through a control panel. Users can switch between scatter, sparkline, and bar chart views, while axes and labels render through custom D3 modules. The responsive canvas automatically resizes based on window dimensions, with hover effects highlighting selected categories across the visualization.

112jack812@gmail.com
75% match
Loading thumbnail…

Week 11 Board Game Visualization Schnair

This interactive scatterplot visualizes board game data from BoardGameGeek, plotting over 300 games by user ratings, complexity, rank, and other attributes across selectable axes. Users filter the five primary game domains and ten mechanics through toggle buttons, while points are color-coded by domain or numeric attributes using either standard or colorblind-safe palettes. The visualization also supports switching between scatterplot and sparkline views, with React managing the UI state and d3.js handling scales, axes, and SVG rendering through modular helper functions. Filters apply dynamic data subsetting, and hovering highlights specific game categories for comparison.

112jack812@gmail.com
74% match
Loading thumbnail…

Week 5 Board Game Visualization Schnair

This scatterplot visualizes 250 board games from BoardGameGeek, plotting BGG rank against average complexity for each title. Users filter the dataset by selecting game domains and mechanics via checkboxes, with hover interactions highlighting matching games in green. Built with React and D3.js v7, the visualization uses `scaleLinear` for axes and a data-driven join pattern in `viz.js` to render and update circle elements dynamically. The filtering logic demonstrates both conjunctive and disjunctive selection behavior, where selecting all domains overrides mechanic filters.

112jack812@gmail.com
73% match
Loading thumbnail…

Boardgame Visualization Prototype Schnair

This interactive chart visualizes board game data from BoardGameGeek, showing the distribution of game domains across decades from 1950 to 2020. The clustered bar chart displays counts for ten domain categories per decade, with color-coded bars and an interactive legend for filtering. Built with React and D3, the visualization uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for positioning and coloring, while `d3.rollup` aggregates the semicolon-delimited CSV data. Hover interactions on legend items enable user filtering of specific domains.

112jack812@gmail.com
73% match
Loading thumbnail…

Week 9 Board Game Visualization Schnair

This scatterplot maps board games by BGG rank and average complexity, encoding each game as a circle. Users can filter the games by selecting from lists of domains and mechanics, and hover over these lists to highlight matching games. The visualization supports coloring points by domain, with options for regular or colorblind-friendly palettes, or by numeric values such as year and playtime using sequential gradients. Built with React and D3.js (v7), it leverages D3's `dsv` parser for data loading, `scaleLinear` and `scaleOrdinal` for scaling, with `interpolateRgb` for custom color gradients.

112jack812@gmail.com
72% match
Loading thumbnail…

Board Game Visualization Prototype Schnair

This interactive scatterplot visualizes the relationship between the average rating and complexity of the top 250 board games from BoardGameGeek, showing a positive correlation between the two metrics. Built with React and D3, the visualization uses d3.dsv to parse the semicolon-delimited CSV data and renders axes and labels via d3.axisBottom, d3.axisLeft, and custom SVG text elements. The chart displays each game as a point positioned by linear scales, with margins and axis styling applied to improve readability of the 2021 rankings data.

112jack812@gmail.com
72% match
Loading thumbnail…

Board Game Dataset Schnair

This visualization explores the top-ranked board games from the BoardGameGeek dataset, showing raw JSON data loaded from a semicolon-delimited CSV file. The code uses d3.csvParse with a custom semicolon parser to convert string values to quantitative numbers for attributes like rating, play time, and complexity. The visualization initially displays "Loading Data" before fetching and parsing the dataset, then renders the full array of game objects as formatted JSON text for inspection.

112jack812@gmail.com
72% match