This slide is a part of Introduction to Data Visualization - Part 2 workshop by Code Heroku. Here is the recorded version of our Introduction to Data Visualization workshop: https://www.youtube.com/watch?v=hFtvQZoPhgg You can watch all our upcoming and past workshops here: http://www.codeheroku.com

1. Please turn off your webcam.
If you are joining from Mobile device
make sure you click on Join via Device Audio
We are waiting for other participants to join.
Thank you for your patience!

2. Mihir Thakkar
Founder and Instructor
hello@codeheroku.com

3. SESSION
OBJECTIVES
● Data Visualization Steps
● Manipulating Data with
Lodash
● Building Interactive
Visualizations

4. Data Visualization Tools

5. Excel
Traditional Business
Intelligence (BI) Tools
● Good for quick insights
and creation
● Can handle only low
volume of data
PowerPoint

6. Infographics
● Convey a story or
educate your audience
● Talk to non-technical or
general public
● Difficult to show large
data sets
● Generally static

7. Custom JavaScript / Native
Visualizations
● Large volumes of data
● Mobile devices / Apps
● Custom chart types
● Takes time / money and
developers

8. Modern Business Intelligence
Tools (Hybrid)
Microsoft PowerBI
● Can handle relatively large
datasets
● Can be built by non-developers
● Support custom charts and APIs
Tableau

9. Steps in Building
Custom Data Visualizations
Visualize Data
Data Extract
And Cleaning
Data Fetch /
Import
Data Inspection
and
White Boarding

10. Quiz 1
Which of the following statement is True?
1. Filtering the data is the first step in any data visualization
project
2. Libraries such as Lodash and Underscore work only on
Chrome
3. HighCharts can be used to create interactive custom data
visualizations

11. //Plain JS
function getRandomNumber(min, max){
return Math.floor(Math.random() * (max
- min + 1)) + min;
}
getRandomNumber(15, 20);
//With Lodash
_.random(15, 20);

12. Building HighCharts
http://www.codeheroku.com/static/workshop/code/chart.zip
http://www.codeheroku.com/codeheroku/default/call/json/datasets?name=digital-
transactions-india.json

13. White Boarding
Jan Feb March ... Mode 1
Mode 2 Mode 3
Mode 4
Total Payments

14. HW Assignment
http://www.codeheroku.com/codeheroku/default/call/json/datasets?name=property_
crime_india.json

15. Thank you!
https://www.facebook.com/codeheroku/reviews/
Your feedback means a lot