JavaScript and jQuery for Data Analysis and Visualization

Chapter 16D3 in Practice

What's in This Chapter

• Styling D3 charts
• Rendering axes in D3
• Working with Voronoi maps
• Creating reusable visualizations

CODE DOWNLOAD The wrox.com code downloads for this chapter are found at www.wrox.com/go/javascriptandjqueryanalysis on the Download Code tab. The code is in the chapter 16 download and individually named according to the names throughout the chapter.

If you choose to incorporate D3-based charts into your application, you will have to deal with challenges inherent in general web design:

• Will the person implementing the visualization also be styling it? If not, you have to be mindful of the separation of styles and visual logic. You also need to create some standards around what class names you use.

• Will visualizations be one-off or will they be reused in many places? Making visualizations reusable requires more care than making one-off examples. This chapter explores an example of how to make a reusable visualization.

• How much control do you have over the data that will be displayed?

Unless you are making a visualization on top of a specific data set, you need to make sure your code works with extreme values.

Making D3 Look Perfect

This section covers some techniques that come in very handy when working with D3.

Inline Styles Versus CSS

An SVG (or HTML) element's appearance can be set in two ways: using a .style() operator that modifies the element's own style or using a CSS selector to assign styles to the element. ...