Description
Fullstack.io Fullstack D3 and Data Visualization Build beautiful data visualizations with D3 by Amelia Wattenberger, Nate Murray
Build beautiful data visualizations with D3_x000D__x000D_The Fullstack D3 book is the complete guide to D3. With dozens of code examples showing each step, you can gain new insights into your data by creating visualizations._x000D__x000D_Learn how to quickly turn data into insights with D3_x000D__x000D_We have the data. But it needs to be understood by humans. The best way to convert this data into an understandable format is to mold it into a data visualization._x000D__x000D_And D3 is the best tool for job if you need to create custom data visualizations._x000D__x000D_With Fullstack D3 and Data Visualization you and your team will be able to share key insights, uncover problems before they start, and impress your boss by creating gorgeous visualizations._x000D__x000D_What's Inside_x000D__x000D_Chapter 0: Introduction When would you want to use D3.js?_x000D__x000D_There is a spectrum of libraries to create charts on the web: on one end, you have easy-to-use, basic libraries that will create a standard chart type._x000D__x000D_Chapter 1: Making your first chart_x000D_In this chapter we make a line chart. Line charts are a great starting place because of their popularity, but also because of their simplicity._x000D__x000D_Chapter 2: Making a scatterplot_x000D_When looking at the relationship between two metrics, a scatterplot is a good choice. In this chapter we show how to create a scatterplot._x000D__x000D_Chapter 3: Making a bar chart_x000D_In this chapter we cover how to create a histogram, which is a bar chart that shows the distribution of one metric, with the metric values on the x axis and the frequency of values on the y axis._x000D__x000D_Chapter 4: Animations and Transitions_x000D_When we update our charts, we can animate elements from their old to their new positions. These animations can be visually exciting, but more importantly, they have functional benefits._x000D__x000D_Chapter 5: Interactions_x000D_The biggest advantage of creating charts with JavaScript is the ability to respond to user input._x000D__x000D_Chapter 6: Making a map_x000D_Maps are also uniquely good at answering geography-based questions. In this chapter, we'll build a map and learn how to plot values within a location._x000D__x000D_Chapter 7: Data Visualization Basics_x000D_Now that we're comfortable with how to create a chart, we should zoom out a bit and talk about what chart to create. _x000D__x000D_Chapter 8: Common Charts_x000D_In this chapter, we talk about common chart types and when to use them. _x000D__x000D_Chapter 9: Dashboard Design_x000D__x000D_A dashboard is any web interface that makes sense out of dynamic data, and in this chapter we learn how to make one._x000D__x000D_Chapter 10: Advanced Visualization: Marginal Histogram_x000D_First, we'll focus on enhancing a chart we've already made: our scatter plot. This chart will have multiple goals, all exploring the daily temperature ranges in our weather dataset._x000D__x000D_Chapter 11: Advanced Visualization: Radial Weather Chart_x000D_We talked about radar charts in Chapter 10. For this project, we'll build a more complex radar chart._x000D__x000D_Chapter 12: Advanced Visualization: Animated Sankey Diagram_x000D_In this project, we'll be simulating real data and creating an animated diagram to engage our viewers. _x000D__x000D_Chapter 13: D3 and React_x000D_What's the best way to draw a chart within React? It turns out that there is a fair bit of overlap in functionality between a React and D3 - we'll discuss how we can create blazing fast charts using the two together._x000D__x000D_Chapter 14: D3 and Angular_x000D_In this chapter we show how to create optimized SVG charts using D3 and Angular._x000D_