Understanding Data Through Visualization

This repo serves as an example for Microsoft Ignite the Tour. In this session, we explore how to create basic charts and graphs using d3.

In this repo:

This is a Vue application that shows: how to construct a base chart component, with several methods that update the chart. It shows how to tear down the chart between different visualizations, as well as 5 ways the data can be displayed.

Sign up for Azure here

Project Setup

Prerequisites:

• Vue CLI, run vue create nameofproject
• Install d3, run npm i d3 or yarn add d3

Instructions

• Set up project: yarn install or npm install

Learn More/Resources

• Node on Azure
• D3js.org
• Vue

Running Locally and building

Prerequisites:

• Yarn

Instructions

1. Compiles and hot-reloads for development: yarn run serve
2. Compiles and minifies for production: yarn run build