Create a Data Dashboard visualising a dataset using D3.js and DC.js
- This project visualises an expense dataset for the year 2019.
- The data was generated using the website Mockaroo.com.
- There are 265 transactions with each having a date, account name and amount.
- Graphs have been prepared using D3, DC and Crossfilter.
- As a user, I want to view a dashboard, so that I can analyse an expense dataset.
- As a user, I want to interact with an expense dashboard, so that I can discover interesting trends in the data.
- As a user, I want to view an expense dataset using desktop devices.
- As a user, I want to load an expense dataset into the browser to create a new dashboard, so that the dashboard can be reused.
- As a user, I want to create a pdf of the dashboard, so that I can print the dashboard.
- As a user, I want to view descriptive statistics of the dataset, so that I can easily characterise my outgoing expenses.
- What is the average expense amount for each account?
- How many transactions are there for each account?
- How many transactions are there in total?
- What is the total expense amount for each account?
- How many accounts are there?
git clone https://github.com/DamianMcNulty/project2interactive.git
npm i
npm run build
open http://127.0.0.1:5500/build/index.html with live-server in vscode
(in separate terminals)
npm run buildandwatch
npm run test_open
python -m venv env
pip install -r requirements.txt
- https://codepen.io/DamianMcNulty/pen/BqyZQq
- dc-js/dc.js#731 (comment)
- https://stackoverflow.com/questions/36494956/elasticxtrue-doesnt-work-dc-js
See LICENSE.