README.md

![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-ee26bc12-484e-4d4b-a72f-6f9d41069ff6/5ad8e9b2-50b8-477d-8f6e-9ae484911632.jpg)

## 一、CSDN数据可视化三维地图展示

此项目的灵感来源于CSDN开源实验室的“CSDN数据可视化”项目。[https://map.csdn.net/]（https://map.csdn.net/）
脱敏开放CSDN的内部数据，比如：用户原力值、省/城市原力总分、作者粉丝分布、创作动态等各种数据来支持项目发展。
作者使用这些数据结合vue3、cesuim、echart、axios等技术栈，开发了一个三维地图数据展示
## 二、项目介绍

根据csdn数据可视化提供的数据视图：

获取原力视图用户信息 [https://map-api.csdn.net/v1/get-force-info](https://map-api.csdn.net/v1/get-force-info) get请求
获取获取粉丝分布 [https://map-api.csdn.net/v1/get-fan-distribution](https://map-api.csdn.net/v1/get-fan-distribution) get请求
获取铁粉视图用户信息 [https://map-api.csdn.net/v1/get-hardcore-fan-info](https://map-api.csdn.net/v1/get-hardcore-fan-info) get请求

项目也做了三个场景的展示：
全网博主原力排名分布
[](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-ee26bc12-484e-4d4b-a72f-6f9d41069ff6/5ad8e9b2-50b8-477d-8f6e-9ae484911632.jpg)
全网博主铁粉排名分布
[](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-ee26bc12-484e-4d4b-a72f-6f9d41069ff6/3c9f0155-c5e6-410d-8687-b0204f15c9cd.jpg)
博主粉丝分布
[](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-ee26bc12-484e-4d4b-a72f-6f9d41069ff6/0a7a545d-bb33-49a5-9ac4-9f85f9d7ee16.jpg)

场景升级为三维地图展示
echart叠加在三维场景上






## 五、参赛要求

1. 开发者可根据自己情况选择业界知名开源项目进行自行开发，或自研可开源项目结合GitCode和Cloud IDE进行开发与适配，作品要求必须能通过 CSDN 的云 IDE 内置的预览功能，在云 IDE 内预览。（CSDN 的云IDE：[https://ide.csdn.net](https://ide.csdn.net)）。作品可以是任何小应用（如外卖H5、个人主页）；小游戏（如 2048、五子棋）；各类特效（如 three.js、前端动画）等。

2. 未满 18 周岁的报名者，请在报名前征得有法定监护权的监护人的同意。

3. 参赛作品不存在抄袭等行为。

4. 除参与奖外，获奖人员，领奖时需实名认证，1 个实名认证用户仅可领取1份奖项。



## 七、评选规则

由评选委员会根据获得的 Star、作品复杂程度、易用性、新颖性等多角度评选。 

1. Star 占比 20%

    a. 获得 Star 的数量，1 颗即为 1 分，最高 20 分封顶

2. 作品复杂程度占比 40%

    a. 作品完整度

    b. 代码简洁，代码可读性强

    c. 架构清晰

    d. 作品难度，如使用了一些高级 API，比如 WebGL、Canvas

3. 易用性占比 30%

    a. 作品配套的说明，如果项目介绍、如果使用等

    b. 交互体验，产品具有较好的交互体验，有足够的易用性

    c. 可用，代码能在 CSDN 的云 IDE 上完整运行

4. 新颖性占比 10%

    a. 新颖性，使用了较为新颖的技术实现

## 八、领奖规则

1. 获奖名单会在该评选结束后在该页面公布。

2. 工作人员将在活动结束后的7个工作日内，通过CSDN私信联系中奖用户，进行发奖，请您注意消息通知。

## 九、赛事交流

参赛选手官方交流群（仅作为选手之间讨论和交流）。扫码进入选手沟通群。大赛重要节点通知会在群内第一时间告知，请所有报名选手务必加群

<img src="https://file.iviewui.com/asd/cloud-ide/cloud-ide-1.png" width="200px" style="border: 6px solid #fff;border-radius: 2px;">

## 十、其他说明

若出现以下情况，将视为违规，大赛组委会有权取消用户参赛资格及获得的奖项。

1. 参赛报名信息虚假，或不符合大赛报名要求的参赛者。

2. 参赛作品涉嫌抄袭，侵犯他人知识产权等行为。

3. 参赛期间或参赛作品发现或被举报认定存在的其他违法、违规行为。

法律允许范围内的，最终解释权归 CSDN 所有。

<div style="height:200px"></div>