Eu postou em Open Source um novo painel de informação para a distribuição de Coronavirus COVID-19 , o que permite analisar a dinâmica (curvatura do gráfico) da distribuição de Coronavirus para diferentes países.
![Painel de distribuição Coronavirus COVID-19](https://habrastorage.org/webt/yp/wj/re/ypwjre0s5e1kq92cxiqsfjtwmfa.png)
Motivo para criar o painel
Com o novo painel de informações, eu queria suplementar o conhecido Painel da Universidade Johns Hopkins com a capacidade de ver gráficos com o número de casos confirmados, casos de recuperação e mortes do vírus COVID-19 para cada país (estado, região, região).
Eu estava pessoalmente interessado em perguntas como: "A curva de crescimento está desacelerando (o platô está chegando em breve)?" , "Como posso comparar a dinâmica das curvas de crescimento entre os dois países?" , "Quais países aplicaram as melhores medidas de quarentena para alcançar mais rapidamente um patamar no cronograma?" etc.
A funcionalidade do painel é a seguinte:
![Demonstração do painel do Coronavirus (COVID-19)](https://habrastorage.org/webt/nq/tk/gm/nqtkgm5pfhv7h1utgxsfd7qprxu.gif)
Fontes de dados e pilha de tecnologia
COVID-19 (2019-nCoV) .
, "" React.js ( JSX
, npm
CreateReactApp
). Charts.js, Bootstrap Table, , .
"" ( - ), , .
, 23- :
![Dados globais](https://habrastorage.org/webt/50/o7/t5/50o7t5owcduwjvpgmqbtiz7pz_y.png)
, "" :
![China - estatísticas de Hubei](https://habrastorage.org/webt/on/ob/lw/onoblworue3mtll8succj6rvkte.png)
:
![Estatísticas de Itália e Espanha](https://habrastorage.org/webt/qv/d2/q6/qvd2q68hdtbsjoribs1iuffuh-o.png)
, :
![Tabela de dados](https://habrastorage.org/webt/gg/nk/fw/ggnkfwtxz2xsv_rlbghyzydkwtc.png)
, UX :
- Agrupamento de regiões por país com a capacidade de visualizar estatísticas em todo o país (por exemplo, EUA, China e outros países).
- Capacidade de redefinir os países selecionados em um clique.
- Adicionando países selecionados ao URL para mais uma oportunidade de compartilhar o link com filtros pré-selecionados.