LAB5!

100%

✓ Published0🌍 Public

Last edited May 18, 2021

Created on May 18, 2021

Forked from Franchise Revenues - Revenue by Franchise

This bar chart shows total revenue by franchise, colored by revenue category, with data filtered to include only franchises earning over $10 million. The visualization highlights that merchandise dominates franchise earnings, with Marvel standing out in movie revenue and Shonen Jump leading in manga. Built using the Vega-Lite API with d3.v5 for CSV loading, the chart encodes franchise on the x-axis, revenue on the y-axis, and uses tooltips to display the original media type. The data comes from a Tidy Tuesday dataset on franchise revenues.

AI-generated description

This visualization was constructed using the vega-lite-api. It was originally forked from one of Curran Kelleher's Vega-Lite API templates and modified to include Franchise Revenue data which originates from R for Data Science's Tidy Tuesday weekly event for July 2, 2019.

This chart shows Revenue by Franchise. I've added a filter to show only the top revenue items for readability; in future visualizations, I would prefer this was not hardcoded and rather in the hands of the user.

It's already interesting to see how merchandise dominates the field. Marvel is the only franchise to appear high in the list from movie revenue, and Shonen Jump represents the highest contribution from the manga category.

MIT Licensed

Similar vizzes

Loading thumbnail…

Franchise Revenues - Revenue by Franchise

This chart displays franchise revenue by franchise name using horizontal bars, with color encoding for revenue category and a tooltip showing the original media type. It filters data to include only franchises with revenue above 10 units, highlighting how merchandise dominates the field. The visualization is built with the Vega-Lite API, using d3.csv for data loading and rendering via vega-tooltip for interactive hints. Revenue data comes from the Tidy Tuesday franchiseRevenues dataset.

Vvwm

83% match

Loading thumbnail…

Franchise Revenues - Revenue Stream by Year Created

This scatterplot displays franchise revenue by year created, with each circle colored according to the franchise’s original media type and tooltips revealing franchise names. The visualization highlights outliers such as Hello Kitty, Disney Princess, and Pokémon merchandise earning high revenue despite their relatively recent origins. Built with vega-lite-api, the chart loads CSV data via d3.csv and renders marks using vl.markCircle with encoded x, y, color, and tooltip channels. The code applies custom axis and label styling from config.js to improve readability.

Vvwm

79% match

Loading thumbnail…

Stacked Franchise Revenues by Revenue Category

This stacked bar chart displays franchise revenues by revenue category, with bars segmented by category and a color legend that highlights individual layers on hover. The visualization, rendered as SVG, uses D3.js to scale the x-axis in billions and the y-axis by franchise name, with tooltips providing exact revenue figures. It incorporates the d3.legend and d3.tip APIs for interactive legend highlighting and informative tooltips, while the data comes from Tidy Tuesday’s 2019 franchise revenue dataset. The chart is built upon a forked stacked bar example, layering semi-transparent overlays to emphasize selected categories during mouse interaction.

Yyuzhang21

78% match

Loading thumbnail…

Stacked Franchise Revenues by Revenue Category

This stacked bar chart shows franchise revenues broken down by revenue category, with each bar representing a franchise and stacked segments colored by category. Hovering over the legend highlights the corresponding category and dims others, while a tooltip displays exact revenue values in billions. Built with D3.js version 3, it uses `d3.layout.stack` for stacking, `d3.legend.color` for the interactive legend, and `d3-tip` for tooltips. The data comes from Tidy Tuesday’s July 2019 franchise revenue dataset, rendered as an SVG with animated transitions.

Ssophburke

77% match

Loading thumbnail…

Stacked Franchise Revenues by Revenue Category

This stacked bar chart shows franchise revenues broken down by revenue category, with each bar segment representing a category and the full bar height showing total revenue. An interactive legend allows users to highlight specific categories, dimming others and displaying tooltips with precise billion-dollar figures. Built with D3.js version 3, it uses d3.layout.stack for stacking, d3.legend for the color legend, and d3-tip for hover details. The data comes from Tidy Tuesday’s July 2, 2019 franchise revenue dataset, rendered as an SVG with animation support.

Vvwm

77% match

Loading thumbnail…

Franchise Revenue Totals with Dropdown Menus and Color Legend

This interactive visualization displays franchise revenue data as a scatterplot, plotting total revenue against year created, with each point colored by original media type. Two dropdown menus let users switch the X and Y axes between total revenue and year created, while a color legend identifies the media categories. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and SVG circles for marks, with tooltips showing franchise names. Data comes from a CSV file loaded via d3.csv, sourced from R for Data Science's Tidy Tuesday event.

Vvwm

77% match

Loading thumbnail…

Fork of Stacked Franchise Revenues by Revenue Category

This stacked bar chart visualizes franchise revenue by category across different franchises, using data from TidyTuesday. The visualization, built with d3.js, shows revenue categories as stacked segments within each bar. Interactive highlighting is implemented by hovering over the legend, which fades out other categories while keeping the hovered one prominent. The chart uses d3.legend for the interactive color legend, d3.tip for tooltips on hover, and custom axis formatting that converts the revenue scale to billions.

Yyuting89830@gmail.com

76% match

Loading thumbnail…

Stacked Algorithm Results Evaluation

This stacked bar chart evaluates franchise revenue performance, breaking down each franchise's total earnings into color-coded revenue categories. Interactive highlighting via the color legend filters and emphasizes specific segments, while a semi-transparent overlay dims non-selected bars. The visualization uses D3.js with d3.layout.stack for layering, d3-legend for the interactive legend, and d3-tip for hover tooltips showing revenue values in billions. Data comes from Tidy Tuesday's 2019 franchise revenue dataset, rendered as an SVG animation.

Yyuzhang21

76% match