liveBook · Manning

Data visualization best practice

As explained in D3.js in Action, Third Edition

A data visualization best practice is an established design principle for making a visualization legible, comprehensible, accurate, and appropriate for its data and audience.

Data visualization best practice means designing with a firm understanding of the data and audience. A visualization should communicate an intended story, support appropriate conclusions, and avoid misleading interpretation. section 1.3

Before deploying a visualization, ask:

  • Does the audience need explanation, and which conclusions can users draw while interacting with the project? section 1.3
  • Does the visualization tell a coherent story rather than merely display data? section 1.3
  • Is the chosen chart appropriate for the type of data being represented? section 1.3

Treat flexibility as a responsibility: visualizations can carry misinformation when they are not carefully designed from an informed perspective. Review established visualization practice to strengthen design decisions. section 1.3

Apply these principles to interactive and dynamic work as well as static charts. Even a few mouse-driven interactions can improve readability and invite users to explore rather than simply read. section 1.3

How D3.js in Action, Third Edition covers it

How deep it goes
Defines design responsibilities and review questions, but defers detailed principles to established visualization literature.
Examples
Uses interactive prototypes, responsive dashboards, scrollytelling stories, maps, and mouse events as visualization contexts.
What it assumes
Assumes a firm understanding of the data and audience while encouraging learners to develop visualization knowledge from foundational resources.
What you can do after
Apply it via D3.js by matching representations to data and audiences, checking interpretation, and adding purposeful interaction.
How it connects
Connects data visualization with D3.js, chart selection, audience analysis, interaction, and storytelling.
Cover of D3.js in Action, Third Edition
liveBookmanning.com
Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.