https://github.com/ejw-data/d3-scatterplot
Example of a D3 generated graphic. The scatter plot includes selectable axis labels which in effect allows 9 plots to be generated.
https://github.com/ejw-data/d3-scatterplot
d3js html-css-javascript
Last synced: 9 months ago
JSON representation
Example of a D3 generated graphic. The scatter plot includes selectable axis labels which in effect allows 9 plots to be generated.
- Host: GitHub
- URL: https://github.com/ejw-data/d3-scatterplot
- Owner: ejw-data
- Created: 2019-12-12T18:25:08.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-28T02:05:52.000Z (about 4 years ago)
- Last Synced: 2025-03-15T16:44:34.588Z (over 1 year ago)
- Topics: d3js, html-css-javascript
- Language: JavaScript
- Homepage: https://ejw-data.github.io/D3-scatterplot
- Size: 303 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# d3-scatter
Author: Erin James Wills, ejw.data@gmail.com
Photo by [Jack B](https://unsplash.com/@nervum?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/candlestick-chart?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
## Objective
This repo is a personal project of a D3 javascript scatter plot that represents 9 different charts depending on which axis labels are selected. I will continue to add onto this repo with new additions and improvements.
## Github Pages
https://ejw-data.github.io/d3-scatterplot
## Technologies
* HTML/CSS/JS
* D3.js
## Data Source
I believe the original dataset came from Kaggle and was one of their Quality of Life datasets.
## Setup and Installation
1. Clone the repo to your local machine
1. Open repo folder in an IDE like VSCode
1. Using a virtual server like the VSCode extention LiveServer
1. Run `index.html`
## Example
