V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yanm1ng
V2EX  ›  分享创造

React 雾霾数据可视化

  •  
  •   yanm1ng ·
    yanm1ng · 2017-05-12 22:03:17 +08:00 · 3665 次点击
    这是一个创建于 2745 天前的主题,其中的信息可能已经有所发展或是发生改变。

    雾霾数据分析平台

    利用 node.js 爬取雾霾数据后用 echarts 和 antd 进行展示,临时写的代码还比较乱。。。 GitHub 仓库地址 https://github.com/yanm1ng/react-visualized-platform

    step1

    npm i
    npm run dev
    

    step2

    open bowser at http://localhost:8980/#/map

    数据来源

    http://datacenter.mep.gov.cn

    分析工具

    • ECharts
    • Ant-Design

    部署

    可以将 spider 文件夹放到远程服务器然后建立一个 crontab 定时任务

    > crontab -e
    > 00 12 * * * /usr/local/bin/node /dev/spider/index.js 2>&1 # 每天 12:00 执行
    

    效果

    1. 全国地图 Map
    2. 所有城市 City
    3. 城市折线 Line
    4 条回复    2017-05-16 09:49:47 +08:00
    bellchu
        1
    bellchu  
       2017-05-12 22:34:14 +08:00
    不错 放公司 Intranet
    Eleutherios
        2
    Eleutherios  
       2017-05-12 23:16:55 +08:00 via iPhone   ❤️ 1
    建议把爬虫和展示拆成两个组件
    antowa
        3
    antowa  
       2017-05-15 14:28:09 +08:00
    提个建议:把配色更新下。现在有点偏灰
    yanm1ng
        4
    yanm1ng  
    OP
       2017-05-16 09:49:47 +08:00
    @antowa 好的👌
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2659 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 05:54 · PVG 13:54 · LAX 21:54 · JFK 00:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.