{"product_id":"fullstack-d3-and-data-visualization-amelia-wattenberger-9780991344659","title":"Fullstack D3 and Data Visualization: Build beautiful data visualizations with D3","description":"\u003cp\u003eBuild beautiful data visualizations with D3\u003c\/p\u003e\u003cp\u003eThe 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.\u003c\/p\u003e\u003cp\u003eLearn how to quickly turn data into insights with D3\u003c\/p\u003e\u003cp\u003eWe 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.\u003c\/p\u003e\u003cp\u003eAnd \u003cstrong\u003eD3 is the best tool for job if you need to create custom data visualizations.\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003eWith \u003cem\u003eFullstack D3 and Data Visualization\u003c\/em\u003e you and your team will be able to share key insights, uncover problems before they start, and impress your boss by creating gorgeous visualizations.\u003c\/p\u003e\u003cp\u003eWhat's Inside\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 0: Introduction When would you want to use D3.js?\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003eThere 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 1: Making your first chart\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 2: Making a scatterplot\u003c\/strong\u003e\u003cbr\u003e When looking at the relationship between two metrics, a scatterplot is a good choice. In this chapter we show how to create a scatterplot.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 3: Making a bar chart\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 4: Animations and Transitions\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 5: Interactions\u003c\/strong\u003e\u003cbr\u003e The biggest advantage of creating charts with JavaScript is the ability to respond to user input.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 6: Making a map\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 7: Data Visualization Basics\u003c\/strong\u003e\u003cbr\u003e Now that we're comfortable with how to create a chart, we should zoom out a bit and talk about what chart to create. \u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 8: Common Charts\u003c\/strong\u003e\u003cbr\u003e In this chapter, we talk about common chart types and when to use them. \u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 9: Dashboard Design\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003eA dashboard is any web interface that makes sense out of dynamic data, and in this chapter we learn how to make one.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 10: Advanced Visualization: Marginal Histogram\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 11: Advanced Visualization: Radial Weather Chart\u003c\/strong\u003e\u003cbr\u003e We talked about radar charts in Chapter 10. For this project, we'll build a more complex radar chart.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 12: Advanced Visualization: Animated Sankey Diagram\u003c\/strong\u003e\u003cbr\u003e In this project, we'll be simulating real data and creating an animated diagram to engage our viewers. \u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 13: D3 and React\u003c\/strong\u003e\u003cbr\u003e 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.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eChapter 14: D3 and Angular\u003c\/strong\u003e\u003cbr\u003e In this chapter we show how to create optimized SVG charts using D3 and Angular.\u003c\/p\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAuthor:\u003c\/b\u003e Amelia Wattenberger\u003cbr\u003e\u003cb\u003eISBN-10:\u003c\/b\u003e 0991344650\u003cbr\u003e\u003cb\u003eISBN-13:\u003c\/b\u003e 9780991344659\u003cbr\u003e\u003cb\u003ePublisher:\u003c\/b\u003e Fullstack.IO\u003cbr\u003e\u003cb\u003eLanguage:\u003c\/b\u003e English\u003cbr\u003e\u003cb\u003ePublished:\u003c\/b\u003e 07\/29\/2019\u003cbr\u003e\u003cb\u003ePages:\u003c\/b\u003e 608\u003cbr\u003e\u003cb\u003eFormat:\u003c\/b\u003e Hardcover\u003cbr\u003e\u003cb\u003eWeight:\u003c\/b\u003e 3.56lbs\u003cbr\u003e\u003cb\u003eSize:\u003c\/b\u003e 9.25h x 7.50w x 1.81d","brand":"Amelia Wattenberger","offers":[{"title":"Hardcover","offer_id":48449111818495,"sku":"9780991344659","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0662\/2982\/9887\/files\/img_c2fc9a02-6757-4e3b-bed9-616265793da0.jpg?v=1777262003","url":"https:\/\/www.whiterainbookhouse.com\/products\/fullstack-d3-and-data-visualization-amelia-wattenberger-9780991344659","provider":"WR Book House","version":"1.0","type":"link"}