# Viz Gallery

### Performance & Ranking

Used to compare and rank performance accross categories and entities.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Leaderboard</strong></td><td>Who are my top performers?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-80fb108c4dd1eefcf846e11931bb2190a5b1c136%2Fleaderboard.jpg?alt=media">leaderboard.jpg</a></td><td><a href="viz-gallery/new-viz-designs/leaderboard">leaderboard</a></td></tr><tr><td><strong>Bulletchart</strong></td><td>How close are we to reaching the target?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-6486f58dd44f01d5e5a7d6059e1558ee3ed85e4b%2Fbullet_chart.jpg?alt=media">bullet_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/bulletchart">bulletchart</a></td></tr><tr><td><strong>Leaderboard Centered Average</strong></td><td>How do performers compare to the average?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-79e4499e1e4a25685e48318dfd52bda5a6470362%2Fleaderboard_centered_average.jpg?alt=media">leaderboard_centered_average.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/leaderboard-centered-average">leaderboard-centered-average</a></td></tr><tr><td><strong>Score Card</strong></td><td>What is current value of a key metric?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-8b2f5063b7e06b96cd5338c62e9866fbd3f0e471%2Fscore_card.jpg?alt=media">score_card.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/score-card">score-card</a></td></tr></tbody></table>

### Comparison & Benchmarking

Used to compare values side-by-side, track progress, or show variance.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Versuschart</strong></td><td>How do two items compare on a specific metric?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-2ca27732e383d47fa4e36a3f49b8a1bf3c56630b%2Fversus_chart.jpg?alt=media">versus_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/versuschart">versuschart</a></td></tr><tr><td><strong>Linechart</strong></td><td>How does a metric change over time?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-a2c9f8b58bd756468d160fb51e2227533bad5910%2Fline_chart.jpg?alt=media">line_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/linechart">linechart</a></td></tr><tr><td><strong>Barchart</strong></td><td>How do categories compare in size or frequency?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-01c1054d11cba4f872f35a18d43c4992987a8e98%2Fbar_chart.jpg?alt=media">bar_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/barchart">barchart</a></td></tr><tr><td><strong>Barlinechart</strong></td><td>How do bar and line metrics trend together?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-387c90efa0443611f676113a825ab82a08051c66%2Fbarline_chart.jpg?alt=media">barline_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/barlinechart">barlinechart</a></td></tr><tr><td><strong>Stackedbarchart</strong></td><td>What are the components of a total across categories?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-7acfaf95403af3869a8af70ddd3a792f916198de%2Fstackedbar_chart.jpg?alt=media">stackedbar_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/stacked-barchart">stacked-barchart</a></td></tr><tr><td><strong>Waterfallchart</strong></td><td>What are the positive and negative contributors to a total?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-d00c3776be0497942c87300944fabd4c2be8d370%2Fwaterfall_chart.jpg?alt=media">waterfall_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/waterfallchart">waterfallchart</a></td></tr></tbody></table>

### Distribution & Composition

Used to show part-to-whole relationships or distributions of values.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Circularchart</strong></td><td>What are the proportions of parts to a whole?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-e0017645212de59da7af5365107fafb49c1ee48d%2Fcircular_chart.jpg?alt=media">circular_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/circularchart">circularchart</a></td></tr><tr><td><strong>Funnelchart</strong></td><td>How do values decrease across a process or stages?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-519be15c04f858be5543064e9f935d3f4158a32c%2Ffunnel_chart.jpg?alt=media">funnel_chart.jpg</a></td><td></td></tr><tr><td><strong>Heatmap</strong></td><td>Whare are values concentrated or lacking?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-b49388bc61122c4c2a42cd873a616ae539eae7fa%2Fheatmap_chart.jpg?alt=media">heatmap_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/heatmap">heatmap</a></td></tr><tr><td><strong>Bubblechart</strong></td><td>How do three variables relate, using position and size?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-cf1bdd0cc03976c60bdc1802105feb42b3e2f0fe%2Fbubble_chart.jpg?alt=media">bubble_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/bubblechart">bubblechart</a></td></tr></tbody></table>

### Multivariate Analysis

Used to compare multiple dimensions or KPIs across categories.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Mapchart</strong></td><td>How do values vary by location or region?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-66f5a0a7fd9217c6e723073343ec5dce7a259277%2Fmap_chart.jpg?alt=media">map_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/mapchart">mapchart</a></td></tr><tr><td><strong>Radarchart</strong></td><td>How do values vary by location or region?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-82dc4ca86507e5e01043f9a818e262d5456b89f8%2Fradar_chart.jpg?alt=media">radar_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/radarchart">radarchart</a></td></tr><tr><td><strong>Bubblechart</strong></td><td>Which data points stand out across several dimensions?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-cf1bdd0cc03976c60bdc1802105feb42b3e2f0fe%2Fbubble_chart.jpg?alt=media">bubble_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/bubblechart">bubblechart</a></td></tr></tbody></table>

### Time-Based Analysis

Used to visualize change over time, project planning, or time-based comparison.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Linechart</strong></td><td>What are the trends over time?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-a2c9f8b58bd756468d160fb51e2227533bad5910%2Fline_chart.jpg?alt=media">line_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/linechart">linechart</a></td></tr><tr><td><strong>Timeline</strong></td><td>What are the key events or milestones over time?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-d6268bfa24a1b69c47911460f75f7833ede95287%2Ftimeline_chart.jpg?alt=media">timeline_chart.jpg</a></td><td></td></tr><tr><td><strong>Gantt</strong></td><td>What's the project plan and task schedule?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-24654916e6730e6d833530545413d48558eebc15%2Fgantt_chart.jpg?alt=media">gantt_chart.jpg</a></td><td></td></tr></tbody></table>

### Tabular & Textual Representation

Used to display raw data or annotated visuals.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Media and Text</strong></td><td>How can I add context or narrative to my data?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-5e29a9ccfb366346ece11be09d1a9467734a1057%2Fmedia_chart.jpg?alt=media">media_chart.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/mediachart">mediachart</a></td></tr><tr><td><strong>HTML</strong></td><td>How can I embed custom or external content?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-daa8763a41fa071a1c9639060ea474c6bc45484f%2FHTML.jpg?alt=media">HTML.jpg</a></td><td><a href="viz-gallery/legacy-viz-designs/html">html</a></td></tr><tr><td><strong>Tablechart</strong></td><td>What are the exact values and details?</td><td><a href="https://1809014303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZxYYf1KpgarKMgMsDCrw%2Fuploads%2Fgit-blob-3525fda792e98608d9d43838ccee3e7997c7003c%2Ftable_chart.jpg?alt=media">table_chart.jpg</a></td><td><a href="viz-gallery/new-viz-designs/tablechart">tablechart</a></td></tr></tbody></table>