https://github.com/ejw-data/d3-line-chart

Example of a D3.js line chart
https://github.com/ejw-data/d3-line-chart

d3js html-css-javascript

Last synced: over 1 year ago
JSON representation

Example of a D3.js line chart

• Host: GitHub
• URL: https://github.com/ejw-data/d3-line-chart
• Owner: ejw-data
• Created: 2022-06-14T22:37:24.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-27T17:18:42.000Z (about 4 years ago)
• Last Synced: 2025-01-22T06:47:23.298Z (over 1 year ago)
• Topics: d3js, html-css-javascript
• Language: JavaScript
• Homepage:
• Size: 226 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# d3-line-chart

Author:  Erin James Wills, ejw.data@gmail.com  

![D3 Scatter Plot](./static/images/linechart-d3.png)  

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 



Fast demonstration of how to make a D3 line chart.

 


  

## Github Pages  

https://ejw-data.github.io/d3-line-chart




## Technologies    

*  HTML/CSS/JS

*  D3.js




## Data Source  

I believe the original dataset came from Kaggle.  




## 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

![D3 Scatterplot Graphic with Multiple Axis](./static/images/line-chart-example.png)