1.前言

前几年刚接触Dash库的时候,Dash生态还不太成熟,做些简单的web还行,复杂的、系统性还是得用flask或django来实现。随着这两年dash的不断迭代更新,以及dash大佬feffery相继开发了feffery_antd_components、feffery_leaflet_components、feffery_antd_charts等库,使用dash搭建web变得相对简单起来。遂来CSDN分享下近期搭建的交互式地图可视化看板。

2.内容

2.1 功能说明

主页面分为地图与图形两个板块,分别有以下功能:

  1. 地图上分别有左右两侧可收缩面板,左侧面板可进行筛选,作用整个页面,包括地图上的四大指标、点标注、右侧面板标注点的详细信息表、以及下侧对应的图形展示。
  2. 右侧面板上为标注点的详细信息表,表格内部可进行排序、筛选等功能,不作用于其他数据;点击客户姓名,可在地图上突出其位置。
  3. 地图上的标注点按照授信金额大小由浅到深,点击每个点可以看到其详细信息。
  4. 可选择地图左侧的工具栏:矩形、多边形、圆形,对地图上的标注点进行筛选图形筛选,作用到整个页面上的数据。
  5. 点击左侧箭头可展示侧边栏,可点击其他栏目进入其他版块,目前暂未开发,仅做功能展示。

注:本案例除了经营名称/地址来源于POI数据,其余的姓名、部门、手机号、授信金额与行业等均为虚拟生成。

2.2功能预览

2.2.1 整体页面展示

2.2.2 筛选

在地图左侧面板筛选

可以看到地图上的标注点、右侧面板上的客户信息、以及下侧的图表均发生了变化。

操作gif如下:

2.2.3 地图标注点点击事件

点击地图上的点,可以看到其详细信息

2.2.4 地图标注点与表格交互

点击右侧面上上的客户姓名,可以看到其在地图上的对应位置

2.2.5 地图工具栏筛选

矩形:

圆形:

多边形:

Python数据可视化 - 使用Python dash搭建交互式地图可视化看板相关推荐

  1. python数据展示平台_Python获取各大地图平台经纬度数据,哪家的数据最准确?

    本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理 以下文章来源于菜J学Python ,作者J哥 前言 不知道大家会在什么场合使用地图 ...

  2. Python地信专题 | 基于geopandas玩转地图可视化

    文章来源于Python大数据分析,作者费弗里 本文对应代码和数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes[1] ...

  3. 关于python数据的纬度_Python获取各大地图平台经纬度数据,哪家的数据最准确?...

    本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理 以下文章来源于菜J学Python ,作者J哥 前言 不知道大家会在什么场合使用地图 ...

  4. mongodb 可视化_自动爬取疫情数据、交互式地图可视化

    这段时间医护人员前赴后继.奋战在最前线,他们是最可敬的人,相信武汉一定会好起来的,武汉加油! 前两天看到几个学习项目,爬取丁香园网站的疫情数据,存储在MongoDB数据库,以及地图形式的可视化,代码不 ...

  5. python数据比例_#python# #数据分析# 性别比例分析

    手头有一份性别比例的样本数据,清洗后只保留了性别信息,做了一个数据分析. 数据清洗和数据统计的代码就不贴了,贴性别比例pie图和性别比例趋势图的代码. 性别比例pie图: def _plot_gend ...

  6. python数据分页pandas,Python数据分析[3] - Pandas包

    Series Series是一个一维的向量,每个值都会有对应标签,该标签我们称之为Index Obj = Series([4, 5, -7, 8]) Obj Out[5]: 0 4 1 5 2 -7 ...

  7. Python数据攻略-Python使用Numpy函数方法

    大家好,我是Mr数据杨.想象一下,ndarray就像是三国演义里的每个角色,是故事的核心.他们的创建就如同英雄的诞生,可能是天生神力,也可能是后天培养,就如通过各种方式创建ndarray.每个角色都有 ...

  8. python数据生成pdf,Python生成pdf文件的方法

    摘要:这篇Python开发技术栏目下的"Python生成pdf文件的方法",介绍的技术点是"python生成pdf文件.python生成pdf.生成pdf文件.Pytho ...

  9. 如何用python画数据图-用Python绘制地理图

    当您的数据包含地理信息时,丰富的地图可视化可以为您理解数据和解释分析结果的最终用户提供重要价值. PlotlyPlotly是一个著名的库,用于在Python中创建交互式绘图和仪表板. 安装Plotly ...

最新文章

  1. 40.多进程同步--锁--多把锁
  2. 解决Mac上VSCdoe断点失效问题
  3. Kate and imperfection CodeForces - 1333F(思维+数学)
  4. 数据科学的5种基本的面向业务的批判性思维技能
  5. spring jpa.踩坑经验分享
  6. gamma分布_RAW和Gamma
  7. my makefile 自动推导
  8. 接口测试用例设计思路思维导图
  9. 使用iTunes制作iPhone6s plus铃声
  10. 解决使用shutil.rmtree无法删除文件夹的方案
  11. 利用云服务器搭配宝塔面板解禁网易云
  12. 【数藏之家】盘点周杰伦的NFT之路,NFT如何借明星之力形成“破圈效应”?
  13. hdu6069 Counting Divisors
  14. Windows系统文件详解
  15. 数据可视化的实现技术和工具比较(HTML5 canvas(Echart)、SVG、webGL等等)
  16. 信用卡号码的解析(转)
  17. 【英语:基础高阶_全场景覆盖表达】K9.口语主题陈述——饮食健康类
  18. 我在美团Android研发岗工作的那5年,社招面试心得
  19. [2020-07-23]备战考博的一点点经历
  20. “双一流”高校停止专升本招生??

热门文章

  1. 十三五:深圳将打造智慧城市等十张名片
  2. HotSpot垃圾算法实现之记忆集与卡表和写屏障
  3. 针对 dash3 license 破解 dash4
  4. 在给定一个研究方向后,如何检索论文(3种以上),并高效阅读
  5. Zookeeper 集群4字命令白名单 stat is not executed because it is not in the whitelist.
  6. 什么是高防CDN,高防CDN是如何防御网络攻击的呢?
  7. Atlas200DK部署YOLOV5
  8. SecureCRT 设置背景颜色和字体大小
  9. 关于MVC/MVP/MVVM的一些错误认识
  10. 【面经】高德地图 C++ 研发 二面