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-virtualized
React components for efficiently rendering large lists and tabular data -
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React -
tiptap
The headless rich text editor framework for web artisans. -
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. πΊπ¦ -
react-window
React components for efficiently rendering large lists and tabular data -
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular -
react-dates
An easily internationalizable, mobile-friendly datepicker library for the web -
react-map-gl
React friendly API wrapper around MapboxGL JS -
downshift π
π A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. -
AG Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript. -
react-content-loader
βͺ SVG-Powered component to easily create skeleton loadings. -
react-color
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more -
react-datepicker
A simple and reusable datepicker component for React -
react-data-grid
Feature-rich and customizable data grid React component -
react-dropzone
Simple HTML5 drag-drop zone with React.js. -
victory
A collection of composable React components for building interactive data visualizations -
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable listβοΈ -
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 -
react-chartjs-2
React components for Chart.js, the most popular charting library -
react-pdf
Display PDFs in your React app as easily as if they were images. -
react-text-mask
Input mask for React, Angular, Ember, Vue, & plain JavaScript -
lightGallery
A customizable, modular, responsive, lightbox gallery plugin. -
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg -
google-map-react
Google map library for react that allows rendering components as markers :tada: -
react-day-picker
DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications. -
react-lazyload
Lazy load your component, image or anything matters the performance. -
react-autosuggest
WAI-ARIA compliant React autosuggest component -
fixed-data-table
A React table component designed to allow presenting thousands of rows of data.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* 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?
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.