zoukankan      html  css  js  c++  java
  • A Realtime BigData Dashboad

    Purpose

    Reference and mock the course practice, http://dblab.xmu.edu.cn/post/8274/

    Its business flow is as below picture.

    Inspired by this project,  and reuse the technologies to implement an feature:

    (1) scrawl information from the URL

    https://en.wikipedia.org/wiki/COVID-19_pandemic

    (2) leverage spark streaming to count words times(words stats).

    (3) push word stats to browser to display the imediate info to end user.

    Take an exercise for bigdata realtime streaming app for improving competence.

    https://github.com/fanqingsong/Realtime-BigData-Dashboard

    A demo for realtime dashboard, based on bigdata technology and popular realtime comunication web technology.

    Architect

    • scrawler.py ---> kafka
    • kafka ---> wordCounter.py
    • wordCounter.py ---> kafka
    • kafka ---> app.py
    • app.py ---> browser

    Technology

    bigdata techs:

    • kafka -- tranfer all data between components
    • spark streaming -- data statistics
    • scrawler -- get raw data from url.

     

    web techs:

    • flask -- python web framework
    • socket.io -- frontend/backend data exchange tunnel
    • vue -- popular frontend JS framework

    Install & Run

    reference:

    https://github.com/fanqingsong/Realtime-BigData-Dashboard

    Demo

    run srawler app, then go to browser to see the imediate statistics.

    python3 backend/scrawler.py

  • 相关阅读:
    微信小程序知识点梳理
    Vue基础知识梳理
    JQuery总结
    JS实现简单斗地主效果
    JS应用猜数游戏
    JS创建一个数组1.求和 2.求平均值 3.最大值 4.最小值 5.数组逆序 6.数组去重 0.退出
    JS数组的基本操作方法
    JS,ATM代码
    简单理解Vue中的nextTick
    Vue keep-alive实践总结
  • 原文地址:https://www.cnblogs.com/lightsong/p/13285226.html
Copyright © 2011-2022 走看看