Description
This is a web app that visualizes the COVID-19 data.
It is written in TypeScript, the code is documented and relatively well-tested.
COVID-19 in Charts alternatives and similar libraries
Based on the "UI Components" category.
Alternatively, view COVID-19 in Charts alternatives based on common mentions on social networks and blogs.
-
Swiper
Most modern mobile touch slider with hardware accelerated transitions -
slate
A completely customizable framework for building rich text editors. (Currently in beta.) -
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required. -
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React -
react-virtualized
React components for efficiently rendering large lists and tabular data -
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table -
-
-
-
-
sweetalert2
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. -
Mantine
React components library with native dark theme support -
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular -
-
react-window
React components for efficiently rendering large lists and tabular data -
react-dates
An easily internationalizable, mobile-friendly datepicker library for the web -
react-map-gl
React friendly API wrapper around MapboxGL JS -
react-content-loader
⚪ SVG-Powered component to easily create skeleton loadings. -
react-color
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more -
downshift 🏎
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. -
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️ -
AG Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript. -
react-dropzone
Simple HTML5 drag-drop zone with React.js. -
react-datepicker
A simple and reusable datepicker component for React -
victory
A collection of composable React components for building interactive data visualizations -
-
-
react-text-mask
Input mask for React, Angular, Ember, Vue, & plain JavaScript -
react-data-grid
Feature-rich and customizable data grid React component -
react-big-calendar
gcal/outlook like calendar component -
-
-
react-player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion -
lightGallery
A customizable, modular, responsive, lightbox gallery plugin. -
google-map-react
Google map library for react that allows rendering components as markers :tada: -
react-pdf
Display PDFs in your React app as easily as if they were images. -
react-chartjs-2
React components for Chart.js, the most popular charting library -
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg -
react-autosuggest
WAI-ARIA compliant React autosuggest component -
react-lazyload
Lazy load your component, image or anything matters the performance. -
react-burger-menu
:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations -
react-day-picker
DayPicker is a customizable date picker component for React, with native TypeScript support.
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of COVID-19 in Charts or a related project?
|
Access the most powerful time series database as a service
sponsored
www.influxdata.com
|
Popular Comparisons
-
react-dndvsreact-beautiful-dnd
-
rechartsvsreact-chartjs-2
-
react-dndvsreact-draggable
-
react-tablevsmaterial-table
-
rc-selectvsreact-select
|
Write Clean JavaScript Code. Always.
sponsored
www.sonarsource.com
|
README
COVID-19 in Charts Visual representations of the progression of COVID-19.
COVID-19 in Charts
This is the source code for the COVID-19 in Charts website.
About COVID-19 in Charts
This website uses the data provided by the Johns Hopkins University Center for Systems Science and Engineering (JHU CSSE). This data isn't perfect, for that reason, I wouldn't recommend using this website in any official manner.
COVID-19 API
I extracted the code that allows fetching and querying the JHU CSSE COVID-19 data into its own library: COVID-19 API.
You are free to use it in your own projects.
Running the app
This application was developed in React.
To run the application, use:
yarn start
OR
npm start
Afterwards, you should be able to view the app at http://localhost:3000.
Attributions
- Sharing buttons: https://sharingbuttons.io/
Looking for a web or mobile app developer?
If you are looking for a web or mobile app developer, I might be available for freelance work. You can find out more about me on my website.