01
单组柱形图
统计电商平台 5 个品类的月销售额，使用柱形图展示各品类之间的规模差异。
交互：悬停柱形查看具体销售额；点击顶部图例可隐藏或显示数据系列。
02
多组条形图
对比北京、上海、广州、深圳 4 个城市两个季度的人均消费支出。
交互：悬停查看两组数值；点击图例切换季度，可单独观察某一季度。
03
箱形图
分析三种工艺下零件质量的分布，展示中位数、四分位区间与异常值。
交互：悬停箱体查看最小值、Q1、中位数、Q3、最大值；工艺C 的三个红点为异常值，绿色菱形为均值。
04
折线图
展示公司 2019—2025 年销售额与利润的年度变化趋势。
交互：悬停查看某一年两条线的数值；点击图例可单独查看销售额或利润。
05
直方图
分析班级 50 名学生数学成绩的频率分布，分数区间为 40—100 分，共 10 个区间。
交互：悬停查看各分数段人数；柱形紧贴，体现直方图“连续区间”的含义。
06
饼图
展示公司项目开发团队中不同专业构成的人数比例。
交互：悬停扇区查看人数与占比；点击图例可隐藏某一专业，剩余扇区自动重新计算比例。
07
气泡图
探究 6 个城市的人口、GDP 与人均收入之间的关系，气泡大小与颜色共同映射人均收入。
交互：悬停气泡查看城市三项指标；拖动右侧色条上下限，可筛选对应收入区间的城市。
08
堆积面积图
分析 APP 活跃用户来源随月份的变化，自然流量、广告投放与内容营销三段叠加显示累积规模。
交互：悬停查看各来源当月数值；鼠标移入某一区域时其余系列自动淡化。
09
误差棒图
展示不同处理时间下的平均反应强度及其测量不确定度（标准差）。
交互：悬停查看均值与误差上下限；X 轴按真实时间间隔排布，1、2、4、8、12 小时间距并不均匀。
10
雷达图
对比产品 A 与产品 B 在设计与续航、价格、服务四个维度的关键性能指标。
交互：悬停顶点查看某项得分；点击图例可只保留一款产品，便于逐项比较。