Watch Building Data Visualizations with D3 and Angular 2 Online

Building Data Visualizations with D3 and Angular 2

Where to Watch Building Data Visualizations with D3 and Angular 2

31
Adding Interactivity and Animations
2017-01-10
We would like to be able to interact with our data dashboard to reveal details about each data point. We would also like to briefly introduce Angular 2 animations.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 31 Now

30
Creating a MapComponent
2017-01-10
We want to add a map that shows the location of any location-enabled tweets.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 30 Now

29
Creating a ScatterplotComponent
2017-01-10
We want to display data about the recent tweets in a scatterplot.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 29 Now

28
Creating a TweetComponent
2017-01-10
We now have tweets hitting our app in real-time. We now want to visualize this tweet data using Angular 2 components and D3.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 28 Now

27
Using D3 to Display Data in Real-time
2017-01-10
Data is hitting our server in real-time as well as D3 is available within our client code. It's time to hook them up!

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 27 Now

26
Importing D3 into an Angular 2 Project
2017-01-10
In the previous sections we worked with either D3 or Angular 2 but never together. In this section we will finally combine them.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 26 Now

25
Accessing Real-time Data through an Express Server
2017-01-10
In the previous sections, we worked with mock data in our Angular 2 apps. We now want to get our data from a server in real-time.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 25 Now

24
Adding a Router
2017-01-10
In order to build more complex apps, we will need to understand how to navigate between multiple views using a router.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 24 Now

23
Working with Angular 2 Forms
2017-01-10
In order to build interesting applications, we will need to understand how to build forms that accept user input.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 23 Now

22
Adding Services
2017-01-10
Our application will need a data service, which can be used by multiple components.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 22 Now

21
Working with Structural Directives and Class Bindings
2017-01-10
We want to build dynamic templates that will alter the DOM based on the data passed in to our class.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 21 Now

20
Angular CLI
2017-01-10
In Installation and Setup we learned how to manually setup an Angular 2 application. Manually creating and configuring multiple files for systemjs, typings, and testing can get tedious.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 20 Now

19
Unit Tests
2017-01-10
We want our Angular 2 applications to be well tested, so we'll discuss the setting up of a unit testing structure here.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 19 Now

18
Services in Angular 2
2017-01-10
Pulling data into an application from an external source is something handled in Angular 2 through services.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 18 Now

17
Data and Event Binding
2017-01-10
Data binding is an extremely important aspect of Angular 2 and will be discussed in detail

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 17 Now

16
Understanding Components
2017-01-10
Components are essential pieces to every Angular 2 application and will be discussed in detail

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 16 Now

15
Modularity in Angular 2 Apps
2017-01-10
This video discusses modularity in Angular 2 apps and why building modular apps is beneficial

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 15 Now

14
Adding Custom Tooltips
2017-01-10
We would like to be able to access information about each county simply by hovering over it. We can accomplish this with custom tooltips.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 14 Now

13
Adding Zoom Functionality
2017-01-10
We have built an informative choropleth map, but some of the smaller counties are difficult to find within this map. We need to add some basic zooming functionality.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 13 Now

12
Adding a Legend
2017-01-10
Our choropleth map looks great, but there's not currently a way to determine what range of values each color corresponds to. We need to add a legend which equates colors to values.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 12 Now

11
Styling a Map Based on Data
2017-01-10
Now that we have a topoJSON file, we need to use D3 to visualize the data and geographic features within this file

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 11 Now

10
Combining TopoJSON with Data
2017-01-10
In order to build a map with D3, we need geographic data along with a data set which we can visualize

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 10 Now

9
Understanding GeoJSON and TopoJSON
2017-01-10
D3 has powerful mapping capabilities, but requires one to understand several file types including shapefiles, geoJSON, and topoJSON.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 9 Now

8
Adding Axes and Labels
2017-01-10
Our bar graph has improved greatly over the last several videos but is still missing vital information. It's time to add axes and labels.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 8 Now

7
Adding a Scale
2017-01-10
We have created a bar graph with data that maps nicely to pixels. However, when working with real world data sets we will often be working with numbers in the thousands, millions, or even more.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 7 Now

6
Building and Styling a Bar Graph
2017-01-10
We will build a very basic bar graph and would like to customize it by adding our own styling. We will customize the color, add a transition, and add basic interactivity.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 6 Now

5
Importing JSON Data
2017-01-10
In order to build interesting visualizations, the viewer will need to know how to import data sets. The most common data used with D3 is JSON, so that is what this video will focus on.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 5 Now

4
Getting an Angular 2 app up and running
2017-01-10
We will get our App up and running in the browser.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 4 Now

3
Installing Project Dependencies
2017-01-10
We will be setting up our configuration files and using NPM to install necessary dependencies.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 3 Now

2
Node.js and npm
2017-01-10
The aim of this video is to introduce us to Node.js and install it, and to install npm and make us aware of its features.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 2 Now

1
The Course Overview
2017-01-10
This video gives an overview of the entire course.

Watch Building Data Visualizations with D3 and Angular 2 Season 1 Episode 1 Now

Building Data Visualizations with D3 and Angular 2 from Packt Publishing is a comprehensive guide that teaches viewers how to create interactive data visualizations using two powerful web technologies: D3.js and Angular 2. The show is filled with practical examples and hands-on exercises that will help viewers develop the skills needed to build stunning visualizations for their web applications.

The show begins by introducing viewers to the basics of D3.js, a JavaScript library that enables users to create data-driven visualizations. Viewers will learn how to set up a basic D3 project, manipulate data using D3's powerful selection API, and create various types of visualizations such as bar charts, line charts, and scatter plots. The show also covers topics like scales, axes, and transitions, which are essential for creating dynamic and engaging visualizations.

Next, the show dives into Angular 2, a popular front-end framework for building web applications. Viewers will learn how to set up an Angular project, create components, and handle data using Angular's powerful data binding features. The show also covers topics like routing, services, and forms, which are essential for building robust and feature-rich web applications.

The real power of this show lies in its integration of D3.js and Angular 2. Viewers will learn how to combine the two technologies to create interactive data visualizations that respond to user input and update in real-time. The show covers topics like integrating D3 visualizations into Angular components, creating custom directives for D3 elements, and handling events between D3 and Angular.

Throughout the show, viewers will work on several hands-on projects that will help reinforce the concepts covered in each section. By the end of the show, viewers will have the skills and confidence to build their own data visualizations from scratch using D3.js and Angular 2. Whether viewers are new to data visualization or looking to expand their skills, Building Data Visualizations with D3 and Angular 2 is a valuable resource that will help viewers take their web development skills to the next level.

Overall, Building Data Visualizations with D3 and Angular 2 is a practical and informative show that covers the fundamentals of data visualization and web development. The show is suitable for beginners and intermediate developers looking to enhance their skills in building data visualizations for web applications. With its clear explanations, real-world examples, and hands-on projects, this show is a must-watch for anyone interested in creating stunning and interactive data visualizations.

Building Data Visualizations with D3 and Angular 2 is a series categorized as a . Spanning 1 seasons with a total of 62 episodes, the show debuted on 2017. The series has earned a no reviews from both critics and viewers. The IMDb score stands at undefined.

Genres
Channel
Packt Publishing
Cast
Matt Dionis
Building Data Visualizations with D3 and Angular 2 is available on .