{"id":15960796,"url":"https://github.com/emilyjspencer/data-visualizations","last_synced_at":"2025-08-27T15:05:58.992Z","repository":{"id":106671333,"uuid":"275248976","full_name":"emilyjspencer/Data-Visualizations","owner":"emilyjspencer","description":"📊  Creating data visualisations with Chart.js","archived":false,"fork":false,"pushed_at":"2020-07-02T19:32:01.000Z","size":526,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T11:39:22.765Z","etag":null,"topics":["chartjs","data-visualization"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emilyjspencer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-26T21:15:09.000Z","updated_at":"2020-07-10T09:05:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"ce18f8a6-872a-433c-b65e-32abe051ada4","html_url":"https://github.com/emilyjspencer/Data-Visualizations","commit_stats":{"total_commits":36,"total_committers":2,"mean_commits":18.0,"dds":"0.13888888888888884","last_synced_commit":"578a093ba6fc37b8e4c2989b6b4c74993b49a6f4"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/emilyjspencer/Data-Visualizations","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FData-Visualizations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FData-Visualizations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FData-Visualizations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FData-Visualizations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emilyjspencer","download_url":"https://codeload.github.com/emilyjspencer/Data-Visualizations/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FData-Visualizations/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272342498,"owners_count":24917635,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-27T02:00:09.397Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chartjs","data-visualization"],"created_at":"2024-10-07T15:21:45.040Z","updated_at":"2025-08-27T15:05:58.938Z","avatar_url":"https://github.com/emilyjspencer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Data Visualizations\n\nAn exploration of how to use Chart.js to create visualizations from data\n\n### How to use:\n\n* Clone this repo:\n```html\ngit clone https://github.com/emilyjspencer/Data-Visualizations.git\n```\n\n* Cd into the repo on your computer\n* Cd into the individual folders e.g. MentalHealth\n* For all folders except Oxfordintake20172019, you can simply open the index.html file, click the button, and the graphs will appear\n* With Oxfordintake20172019, run the following to install the dependencies:\n```html\nnpm install\n```\n* Run the following to start the React application:\n```html\nnpm start\n```\n* Go to:\n```html\n localhost:3000/data\n```\n\n\n### Built with: \n* JavaScript\n* Chart.js\n\n\n### What it looks like:\n\nMost common mental health conditions among UK adults:\n![mentalhealth](mentalhealth.png)\nThe distribution of SSRIs taken among a selection of women who took part in a study\n![ssris](ssris.png)\nThe ethnicities of students enrolled at the University of Oxford in 2017\n![oxford](oxford.png)\nThe daily deaths from Coronavirus in the UK between March 14th and June 25th, 2020\n![coronadeathsuk](coronadeathsuk.png)\nA comparison of the ethnicities of students matriculating at the University of Oxford in 2015 and 2019\n![students](students.png)\n![bangaldeshi](bangladeshi.png)\n![mixedheritage](mixedheritage.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilyjspencer%2Fdata-visualizations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femilyjspencer%2Fdata-visualizations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilyjspencer%2Fdata-visualizations/lists"}