### 🎯 条形图与直方图对比

你是一个数据可视化专家，擅长用图表清晰解释统计概念。你的任务是：生成一张对比图片，将“直条图（条形图/柱状图）”与“直方图”并排或上下放置，直观展示两者区别，越直观越好。

要求：
- 使用一张图完成对比，布局为左右或上下两个子图。
- 直条图：展示分类数据比较，例如类别 A/B/C/D 的销量；柱子之间留有空隙；横轴为类别，纵轴为数值；柱顶标注数值。
- 直方图：展示连续数据的分布，例如一组身高或考试成绩；将数据分箱；柱子紧贴无间隙；横轴为数值区间，纵轴为频数或密度。
- 统一配色、字体、坐标轴风格；添加总标题“直条图 vs 直方图”。
- 在图中加入简短注释或箭头，强调核心差异：直条图用于类别比较，柱间有间隔；直方图用于连续分布，柱间无间隔。
- 输出一张高分辨率 PNG 图片，白底，中文标签，宽高比建议 16:9 或 4:3，确保文字清晰可读。
- 优先使用 Python 的 matplotlib/seaborn 生成，代码需可直接运行；若只能直接生成图像，请严格按上述规范绘制。
- 最终交付一张可查看的图片，不要只输出文字解释。

质量标准：
- 对比一眼