Visualize COVID-19 risky addresses in Shanghai.

Overview

COVID-Shanghai

  • 链接: https://tienzhao.github.io/covid-shanghai/shanghai.html

    • 点击左上角按钮,查看上海市最近14天SARS-CoV-2病毒阳性病例居住地。
  • Link: https://tienzhao.github.io/covid-shanghai/shanghai.html

    • Click the left-top button, and see the addresses with SARS-CoV-2 virus positive case in Shanghai in the past 14 days.
  • Data updated on March 20, 2022

  • Workflow:

  • This gadget is totally open-source, and the developer hopes it will improve technology democracy among all of us facing the pandemic.

  • Todos (Get your hand on it!):

    • Write a crawler to download gazette
    • Update file loop methods: try to read past 14 day data regardless of months.
  • Support ¥10, and let's get rid of COVID!

Comments
  • [性能优化提升95%]将地址转坐标提前在服务器进行

    [性能优化提升95%]将地址转坐标提前在服务器进行

    为什么会将地图服务器打崩掉呢?因为将文字地址转坐标将重复在每个用户手机电脑上执行,造成大量api查询。 然而这些坐标每日更新最多两次,相对静止,因此可以在服务器上将地址和坐标打包为json, 如: {"name":"浦东新区xx路","lon":120,"lat":31},再在本地渲染坐标logo,即快速,又省流量和api调用量。

    opened by huobaolajiao 3
  • A mis-matched display address & positioning address on 徐汇区老沪闵路

    A mis-matched display address & positioning address on 徐汇区老沪闵路

    Hi Tien,

    Thanks for your wonderful work, that's really helpful for us to learn about what's actually happening around our neighborhood!!!

    Just want to leave a kind note a fact-check here:

    My friend lives in 徐汇区老沪闵路439弄小区 and she's locked down there. The mask emoji appears correctly on her spot but the displayed address is 296: 徐汇区老沪闵路1039弄, which is far far away from there.

    Just want to shout out this info to eliminate confusion.

    Again big thanks for your contribution!!

    image

    opened by aoholic 2
  • 使用海量点优化数据加载

    使用海量点优化数据加载

    @singchang :

    @TienZhao 可以考虑使用海量点标记 https://lbs.amap.com/demo/jsapi-v2/example/mass-markers/labelmarker-text

    这是我的测试例子: https://covid-shanghai-map.vercel.app/

    BTW: 网站使用到你的数据(通过访问 json 地址),如果有违法相关的协议,麻烦告知。


    感谢您对项目的持续关注。 首先您不用担心数据使用的问题,这个项目完全开源,也支持大家随意再创作。由于没有时间研究各种开源协议的差别,所以没有指定协议。我会尽力更新数据,但不保证它能永远持续。 其次,海量点标记是个很好的建议,上周我也考虑过。当时决定首先实现 #5 中的时间渐变展示,随着某一地址的报告日期越久远,它的透明度也越高。另一个已实现需求是中高风险地区的z-index更高,出现在其他点的上方。以上两点似乎用海量点比较难实现,因为海量点一次只能设置一种z-index和opacity。 最近上海疫情发展迅猛,想了解一下您这边加载大概需要多久呢?或许到了需要做些取舍的时候啦哈哈。

    opened by TienZhao 1
  • 页面中的标记过多,执行时间过长,导致浏览器报错页面失去响应

    页面中的标记过多,执行时间过长,导致浏览器报错页面失去响应

    随着上海疫情的发展,截止3月25日,页面是国内的数据点达到了两千多个。 部分浏览器在执行页面标点的过程中,可能因为循环任务时间过长,报错“页面没有响应”。 WeChat Screenshot_20220325130219 g)

    点击继续“等待”后,可以正常显示。 ![WeChat Screenshot_20220325130812](https://user-images.githubusercontent.com/20557639/160058310-4b6a53f4-442d-4ffb-a4d3-e7be9a508eb5.pn

    计划增加数据点分批展示功能。

    opened by TienZhao 0
  • hide labels when zooomed out

    hide labels when zooomed out

    Currently, there are a lot of markers on the map (470!), and their addresses are displayed in text label by default.

    When the user zooms out to see more of Shanghai, those labels get too crowded.

    This change hides the labels automatically at a certain zoom level.

    opened by lcb931023 0
Owner
null
Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data.

Synchro Charts Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data. You can learn m

Amazon Web Services - Labs 60 Dec 29, 2022
Visualize your tech stack and database with a simple, beautiful, and interactive web app.

Stacify Visualize your tech stack and database with a simple, beautiful, and interactive web app. Why Stacify Why would you want to use Stacify? Well,

Isaiah Hamilton 1 Jan 20, 2022
Timeline/Graph2D is an interactive visualization chart to visualize data in time.

vis-timeline The Timeline/Graph2D is an interactive visualization chart to visualize data in time. The data items can take place on a single date, or

vis.js 1.2k Jan 3, 2023
The Risky programming language

Risky Risky is a programming language designed as a proof-of-concept. Risky features a (to my knowledge) original form of what could loosely be called

Ryan Tosh 8 Jan 1, 2023
Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.

Bed Covid RS Indonesia Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun n

Hendra Agil Syaputra 22 Oct 23, 2022
Worldwide-covid-statistics - covid-19 tracker developed using Reactjs, Axios , chartjs, material icons

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Akinmegha Temitope Samuel 1 Jan 3, 2022
Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa.

Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa. when the user clicks on the countries' cards, they will be rendered to the details page that contains more information about the covid-19 in the selected country. Also, the user can search for a specific country using the search bar.

Nedjwa Bouraiou 7 Sep 6, 2022
A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World

Covid19 Tracker A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World Built With HTML, C

Promise Okechukwu 4 Nov 1, 2022
Eth-explorers-extension - Chrome extension to open Ethereum addresses & transaction hash from any page on popular explorers + dashboards

eth-explorers-extension(s) This repository contains two folders with two extensions that work for address and transactions respectively. 1. eth-addres

Apoorv Lathey 71 Jan 6, 2023
🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.

max-conversion Projeto criado para iniciar nos estudos de React e Typescript Basic project to gain knowledge in react Na plataforma é possível convert

Igor Neves 3 Feb 12, 2022
Script to fetch all NFT owners using moralis API. This script output is a data.txt file containing all owner addresses of a given NFT and their balances.

?? Moralis NFT Snapshot Moralis NFT API will only return 500 itens at a time when its is called. For that reason, a simple logic is needed to fetch al

Phill Menezes 6 Jun 23, 2022
Reduce misspelled email addresses in your web apps.

mailcheck.js The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address. mailcheck.js is pa

mailcheck 7.9k Dec 28, 2022
📃 A public dataset of crypto addresses labeled

EVM Labels A public dataset of crypto addresses labeled (Ethereum and more) Ethereum Label CSV JSON Updated exchange (Centralized Exchanges) View CSV

earnifi 69 Jan 7, 2023
A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses

MeiMei - Multiple Email Input MeiMei: A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses.

Lars Straathof 1 Apr 13, 2022
Make Your Company Data Driven. Connect to any data source, easily visualize, dashboard and share your data.

Redash is designed to enable anyone, regardless of the level of technical sophistication, to harness the power of data big and small. SQL users levera

Redash 22.4k Dec 30, 2022
Node.js CLI tool to visualize an aggregate list of your dependencies' licenses

licenseye Node.js CLI tool to visualize an aggregate list of your project's dependencies' licenses. Install Yarn yarn global add licenseye NPM npm ins

Liran Tal 36 Dec 21, 2022
Create, visualize and deploy AI solutions.

Welcome to the Hal9 community repo! This repo contains all the community-contributed scripts that power hal9.ai. We intend to share profits with creat

hal9.ai 106 Dec 22, 2022
Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data.

Synchro Charts Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data. You can learn m

Amazon Web Services - Labs 60 Dec 29, 2022
Visualize your tech stack and database with a simple, beautiful, and interactive web app.

Stacify Visualize your tech stack and database with a simple, beautiful, and interactive web app. Why Stacify Why would you want to use Stacify? Well,

Isaiah Hamilton 1 Jan 20, 2022
Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects internally.

Git Graph Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects. Hosted at HarshKapadia2.github.io/git-graph.

Harsh Kapadia 15 Aug 21, 2022