# fullstack_d3_and_data_visualization

**Repository Path**: pcu/fullstack_d3_and_data_visualization

## Basic Information

- **Project Name**: fullstack_d3_and_data_visualization
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-02-05
- **Last Updated**: 2021-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Fullstack D3 and Data Visualization

Here are my study notes of [Fullstack D3 and Data Visualization](https://www.fullstack.io/fullstack-d3)

1. Example 01: Display the maximum temperature per day in Seattle over the past year, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/01-making-your-first-chart/index.html)

![01-making-your-first-chart](images/01-making-your-first-chart_.png)

2. Example 02: Display a scatterplot comparing relative humidity to the dew point, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/02-making-a-scatterplot/index.html)
   ![02-making-a-scatterplot](images/02-making-a-scatterplot.png)

3. Display a histogram for humidity levels in Seattle, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/03-making-a-bar-chart/index.html)
   ![03-making-a-bar-chart](images/03-making-a-bar-chart.png)

4. Animations and Transitions
   (1) svg animate, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/04-animations-and-transitions/svg-animate.html)

   ![svg animate](images/04-svg-animate.gif)

   (2) svg animate, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/04-animations-and-transitions/css-animate.html)

   ![css animate](images/04-css-animate.gif)

   (3) Draw bars with CSS transition, [view](https://pcu.gitee.io/fullstack_d3_and_data_visualization/04-animations-and-transitions/draw-bars-with-css-transition/index.html)
   
   ![Draw bars with CSS transition](images/04-draw-bars-with-css-transition.gif)