Proteus Mobile Visualization Gallery

Proteus automatically transforms desktop visualizations into mobile-optimized versions.

Proteus is a multi-agent framework designed to automatically adapt desktop visualizations for mobile devices. Proteus analyzes the original visualization, identifies adaptation strategies within our proposed Multi-level design space, and generates the corresponding code to create a responsive mobile-optimized version that preserves the original intent while ensuring readability on smaller screens. You can explore and interact with the mobile visualizations below, or click "Original HTML" to view the original desktop versions. Click "Mobile" to open the visualization in a standalone mobile view. You can also click the dropdown menu on the top right to change the phone size.

Cicero Examples

French Election (Mobile)

Loading...

Justice Kennedy (Mobile)

Loading...

Disaster Cost (Mobile)

Loading...

Budgets (Grouped Bar Chart)

Loading...

Daily Sales (Bar Chart)

Loading...

Fruit Trends (Line Chart)

Loading...

Fruit Distribution (Pie Chart)

Loading...

Vega Examples

Flight Explorer

Loading...
Loading...

Stock Explorer

Loading...

Country Breakdown

Loading...
Loading...

Vega Altair Examples

Market Trends

Loading...
Loading...

Energy Trends

Loading...

Energy Source Share

Loading...

Barley Yield Analysis

Loading...

Seattle Weather

Loading...

Employment Change

Loading...

Barley Varieties

Loading...

Barley Yields

Loading...

Population Distribution

Loading...

Project Task Schedule

Loading...

Top Rated Movies

Loading...

Population Pyramid

Loading...

Population by Age & Sex

Loading...

US State Capitals

Loading...

Natural Disaster Deaths

Loading...

Barley Yields by Site

Loading...

CO2 Concentration Trends

Loading...

Penguin Body Mass vs Flipper

Loading...

Category Composition

Loading...

Penguin Measurement Densities

Loading...

Trial Measurements Histogram

Loading...

Movie Ratings Histogram

Loading...

Industry Unemployment Trend

Loading...

Movie Ratings Heatmap

Loading...

S&P 500 Focus

Loading...

Categories Line Chart

Loading...

Gapminder Wealth & Health

Loading...

Tech Stock Prices

Loading...

Sine Wave with Arrows

Loading...

Barley Yields Slope Graph

Loading...

Unemployment Choropleth

Loading...

US Airport Density

Loading...
Loading...

Hourly Observations

Loading...

Cars MPG vs Horsepower

Loading...

Penguins Scatter Plot

Loading...

Seattle Weather Trend

Loading...

Movie Ratings Strip Plot

Loading...

Seattle Weather Heatmap

Loading...

Cars by Origin & Cylinders

Loading...

Vega-Lite Examples

Loading...

Penguin Body Mass

Loading...

Penguin Body Mass Distribution

Loading...

Exceptional Movies

Loading...

Annual Financial Flow

Loading...

Penguin Mass Distribution

Loading...

IMDB Rating Distribution

Loading...

Movie Ratings Heatmap

Loading...

Performance Frame Distribution

Loading...

Falkensee Population

Loading...

User Feedback

Loading...

Seattle Weather

Loading...

Performance Metrics

Loading...

Weather Observations

Loading...

Tech Stock History

Loading...

Driving vs. Gas Prices

Loading...

Category Distribution

Loading...

Data Distribution

Loading...

IMDB vs Rotten Tomatoes

Loading...

Genre Ratings

Loading...

Horsepower by Cylinders

Loading...

Cars by Origin & Cylinders

Loading...