一个程序员的高考备战计划 —— 在高考出分前，打造一款毕业分布去向图制作神器

2026年高考在即，高考 6月7日开始，一般在 6月26日前出分，大部分本科院校的录取工作预计在7月31日结束。

为了在高考出分前，打造完成毕业去向图制作工具，服务广大毕业生，从2026年4月15日，花野猫已经开始着手高考备战计划：

uni.utities.online 这个项目已经实现了按地图可视化展示各省份重点高校的功能。本计划旨在拓展原有应用的能力，进一步打造一款能够快速制作高考毕业分布去向图（蹭饭图）的工具。解决高中毕业生制作蹭饭图过程繁杂的痛点，借以推广出圈，在社交媒体提升自己作为一个独立开发者的知名度（所以对功能的完成度、视觉交互效果等要求比较高）。

要做的事：

1. 优化整体界面风格。这个过程主要卡在设计¹。当前应用的主要视觉元素就仅仅就是一张可交互的地图，这确实是主要功能，但由于太过简单，看不出来其实际上是一个完整的，炫酷的网站了。而且这样 SEO性能很差。除了地图可视化这个主应用之外，还要加上表格。来直观地通过数字统计各个省份重点高校情况。还要有一定的文字说明。 还要有 Statistics 功能，以图表的形式呈现各类数据。
2. 由于原来的项目已经产生很多的代码，用AI 生成新UI 后，还要应用到原有项目中，这免不了要人工为之，是个 tough work。
3. 地图的问题是配色不够丰富，目前在高校分布可视化的应用场景下，是按高校数量多少，渲染了不同的深浅的绿色。而在去向分布图中，对色彩的丰富度和搭配的美观度有更高的要求。先预置一些非常好看的配色吧。
4. 数据源首先要找到全部大学名录、和对应的省市。教育部以 excel 文件的形式，发布了 全国高等学校名单 。 excel 文件下载地址

   

   但首先要解析这个 excel 文件中的数据。注意到这个并不完全是规范的关系表结构，人工写脚本导入的时候需要先手工处理，去掉一些中间穿插的各省份汇总行等，但不妨试试直接让 AI 来理解这个 Excel 文件吧，AI将虚高设计数据库表结构，写一个脚本，把数据转换成 sqlite db 。我希望这个过程跑在构建前，而是直接做成一个页面，也算整个应用的一个功能。要使用 sqlite3.wasm 、Comlink 等技术来实现。向页面中导入该 excel 文件后，可以浏览器本地处理后输出 db。同时这个 db，后续就将用在项目源代码中，作为整个应用的高校目录的数据源。
5. 这样其实整个应用附带了一个大学目录数据库的功能。这要考虑在整体的应用功能和界面设计中。功能的分类是要拆解成多页的。后面还会提到一些功能，也要考虑进去。各个功能的数据项之间要充分构建内链。
6. 参考小红书上现有的蹭饭图，制作出的蹭饭图要有标题、其他班级基本信息等，标题可以使用花字。要有很强的设计感。后续拓展功能还可以渲染校徽等。

   

7. 要支持根据不同的模板制作分布图。模板大体上可以分为线条风和板块风。所谓线条风，就是现在高校分布地图应用里面的这种，用线条指向地图中省份的风格。所谓板块风，不一定要有线条指向省份，可以直接用色块蒙版来做各省份的信息块。这样对于导出竖屏的图片比较友好。
8. 学生去向数据要支持手工录入和上传 excel 文件，当然 excel 文件要能够下载模板，下载的模板中的学校列，要能允许通过点击选择，让用户选择对应的学校名称。如果学校不在列表里，则让用户手动选择省份列。
9. 应用中要有供预览的分布图，要能够预置十个学生左右的这个毕业去向数据
10. 制作分布图的第一步其实应该是选择风格，要能够预览两种风格分别制作出来的效果，再进入录入更多信息。当然录入信息过程中也可以切换模板风格。
11. 关于配色，拓展的功能就是可以允许用户直接支持上传一张其喜欢的图片，应用解析图片中的配色（当然算法要能确保最终的视觉效果），直接应用到去向分布图。