https://github.com/emilyjspencer/data-visualizations
📊 Creating data visualisations with Chart.js
https://github.com/emilyjspencer/data-visualizations
chartjs data-visualization
Last synced: 10 months ago
JSON representation
📊 Creating data visualisations with Chart.js
- Host: GitHub
- URL: https://github.com/emilyjspencer/data-visualizations
- Owner: emilyjspencer
- Created: 2020-06-26T21:15:09.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-02T19:32:01.000Z (almost 6 years ago)
- Last Synced: 2025-04-04T11:39:22.765Z (about 1 year ago)
- Topics: chartjs, data-visualization
- Language: JavaScript
- Homepage:
- Size: 514 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Data Visualizations
An exploration of how to use Chart.js to create visualizations from data
### How to use:
* Clone this repo:
```html
git clone https://github.com/emilyjspencer/Data-Visualizations.git
```
* Cd into the repo on your computer
* Cd into the individual folders e.g. MentalHealth
* For all folders except Oxfordintake20172019, you can simply open the index.html file, click the button, and the graphs will appear
* With Oxfordintake20172019, run the following to install the dependencies:
```html
npm install
```
* Run the following to start the React application:
```html
npm start
```
* Go to:
```html
localhost:3000/data
```
### Built with:
* JavaScript
* Chart.js
### What it looks like:
Most common mental health conditions among UK adults:
The distribution of SSRIs taken among a selection of women who took part in a study
The ethnicities of students enrolled at the University of Oxford in 2017
The daily deaths from Coronavirus in the UK between March 14th and June 25th, 2020
A comparison of the ethnicities of students matriculating at the University of Oxford in 2015 and 2019
