Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fastfood Scatter Plot With Menus, Legend, and Tooltips

Public visualization

Viewing a saved revision (read-only)

a1568480cae0447e9d02c6dd994e784c

Fastfood Scatter Plot With Menus, Legend, and Tooltips

0 stars0🌍 Public
Wwangjonathan
Last edited Nov 7, 2018
Created on Oct 8, 2018
Forked from Cars Scatter Plot

This interactive scatter plot visualizes nutritional data for McDonald’s menu items, sourced from a CSV hosted on VizHub. Users select which two nutritional attributes (e.g., Calories, Sodium) to compare using dropdown menus, while colored circles represent item categories (Beef, Chicken, etc.). A clickable color legend filters the data, and hovering over a circle reveals a tooltip with the item’s name, category, and values. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition()` for animated circle updates, with SVG rendering and interactive menus.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.