han3zeng / coronavirus-outbreak

data visualization for coronavirus outbreak

coronavirus-outbreak

This is data visualization react-component-package for visualizing covid-19 outbreak. The package is mainly for Public Television Service at Taiwan.

How to use it

Latest

• version 3.0.4

import PrefecturalChina from coronavirus-outbreak/PrefecturalChina;
import ChinaChronological from coronavirus-outbreak/ChinaChronological;
import Earth from coronavirus-outbreak/Earth;


return (
  <div>
    <Earth
      data={latestData}
    />
    <PrefecturalChinaV2
      countryData={coronavirusCountryLevel}
      data={coronavirusDataPrefecturalLevel}
    />
    <ChinaChronological
      data={data}
    />
  </div>
)

Data Structure

• Earth
  • get Latest data and translate it to the following format

// ename: country name in english
// name: country name in mandarine
// confirmed: number of confirmed covid-19
{
  "[enmae]": {
    "confirmed": "Number",
    "name": "String",
  },
  "[enmae]": {
    "confirmed": "Number",
    "name": "String",
  },
  ...
}

• ChinaChronological
  • just pour the Time Series data into the component.

Obsolete

• npm install coronavirus-outbreak
• version 1.0.3
  • import [whatever you want] from 'coronavirus-outbreak'
• version 2.0.0
  • import { ChinaProvince, ChinaPrefectural } from 'coronavirus-outbreak'
• version 3.0.0
  • import [whatever you want] from 'coronavirus-outbreak'

[Related Data]((https://github.com/hanyulo/coronavirus-data-hub)

• Time Series
• Latest

Development

• port number: 3000
• command npm run start:dev

Production

• command npm run build

coronavirus-outbreak's Issues

Internationalize

Cool project, thought about internationalizing it? I can't read it :(