logos trivial pursuit

100%

logos trivial pursuit

✓ Published0🌍 Public

Last edited Mar 22, 2020

Created on Mar 22, 2020

This visualization recreates the classic Trivial Pursuit board game, showing six category wedges—arts, divertissement, geography, history, science, and sport—arranged in a circular layout. Each category is represented by a distinct SVG icon and a larger background variant, all rendered with the same blue circular token and pie-piece shapes. The SVG files are created with Inkscape, using precise path data and transform matrices to position each element. The display combines individual category icons with their corresponding background panels, offering a complete visual reference for the game’s components.

AI-generated description

Similar vizzes

Loading thumbnail…

SVG Fandamental_AW

This example demonstrates fundamental SVG shapes and a simple pie chart showing gaming genre distribution. It displays colored circles, rectangles with strokes, and polygons forming a rocket illustration, alongside a pie chart breaking down data into FPS, Casual, and RPG genres. The visualization uses raw SVG elements including `<circle>`, `<rect>`, `<polygon>`, and `<path>` with arc commands to construct the pie slices. Labels are connected using `<line>` and `<text>` elements, with all shapes explicitly positioned and colored through SVG attributes.

AAwrng

65% match

Loading thumbnail…

Recreation of Visualization Taxonomy

This visualization recreates a taxonomy of chart types as a layered area chart, using a pink gradient palette to distinguish five hierarchical rows of categories. The SVG rendering relies on hardcoded path data with distinct quadratic curves and clipped rect boundaries, while the HTML structure defines the 895×606 viewBox with a clipPath to contain the shapes. The paths are drawn with white strokes to separate each band, and the design maps categorical divisions through stacked, wavy regions rather than interactive elements.

CClaudio Puggioni

64% match

Loading thumbnail…

Pseudo Visualizations

Three identical blue-and-white swirl icons are arranged in a vertical column, each rendered as a set of curved SVG paths with a shared CSS style. The icons resemble a stylized recycling or motion symbol, with each path stroke outlined in white on a transparent background. The page uses plain HTML and inline SVG, with no JavaScript or React framework logic present despite the metadata listing. The drawing relies entirely on hardcoded path coordinates and CSS classes for styling.

MmyN3RD

64% match

Loading thumbnail…

SVG Image Background

This example shows eight geometric shapes—four rectangles and four circles—arranged in a grid, each filled with a different placeholder image from LoremPixel and outlined with a categorical color from D3’s `schemeCategory10`. The visualization demonstrates how SVG patterns can embed raster images via the `pattern` element and `image` reference. Using D3 v4’s selection and append methods, the code defines a pattern for each shape ID and then applies the pattern as the fill for each `rect` and `circle`, with `objectBoundingBox` units to tile the image evenly.

SSpaceActuary

63% match

Loading thumbnail…

Boardgame Visualization Prototype Schnair

This prototype visualizes the distribution of board game categories across decades of publication, using a clustered bar chart to show counts for ten game domains per decade. The x-axis displays decades while each decade contains color-coded bars for domains like Strategy, Thematic, and Family Games. Data is loaded from a CSV using d3’s `dsv` parser and rendered with React and D3 v7, using `scaleBand`, `scaleLinear`, and `scaleOrdinal` to position bars and assign colors. The visualization includes axes, labels, and a legend for domain identification.

112jack812@gmail.com

63% match

Loading thumbnail…

VI4 - Identity as Spatial Region

Five labeled circles sit in a row, their radii encoding identity for five college teams. The example swaps color for spatial size, mapping each team’s name to a distinct radius value on an SVG canvas. Built with D3.js version 3.5.5, it binds an array of [name, value] pairs to circles, then sets each circle’s `r` attribute directly from the dataset. The fixed horizontal positions and vertical centering create a simple, clean comparison of spatial magnitude as a categorical identity cue.

JJamestiberiuseanes

62% match

Loading thumbnail…

Pseudo Visualisations

Pseudo Visualisations presents a curious, abstract shape constructed from layered orange, red, and deep blue SVG paths. The composition resembles a stylized, coiled form with irregular protrusions, rendered on a plain white background. The code defines these shapes using explicit path data within an SVG element, with colors applied via inline `fill` styles. The rendering approach relies on hand-coded coordinates and transformations, showcasing a static, artistic interpretation rather than a data-driven visualization. It appears to explore form and color through vector graphics.

MMartin

62% match

Loading thumbnail…

SVG Playground

This example shows a collection of primitive SVG shapes—circles, a line, and two paths—arranged in a 960 by 500 viewport to create a small, static composition. Overlapping circles in maroon and green sit beside a navy line, while a curved path and a rectilinear path add contrast. The code uses plain SVG markup within an `index.html` file, defining shapes with attributes like `cx`, `r`, and `d`. A commented-out rectangle and inline CSS for full-bleed display are also present, but no external libraries or data sources are involved.

CCurran Kelleher

62% match