D3-Js on Visualizing.JP

Drawing Charts with D3.js and Flexbox Instead of SVG

Sat, 03 Oct 2020 00:00:00 +0900

This article introduces Drawing Charts with D3.js and Flexbox Instead of SVG from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

A tool or format matters because it changes what can be produced, repeated, shared, or maintained. The important question is not only whether it works once, but whether it supports a reliable workflow with clear inputs and outputs.

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

Drawing Charts with D3.js and Flexbox Instead of SVG is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

Responsive Layouts with D3.js

Fri, 01 Jan 2016 00:00:00 +0900

This article introduces Responsive Layouts with D3.js from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

Responsive Layouts with D3.js is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

Reusable Components with D3.js

Thu, 18 Dec 2014 00:00:00 +0900

This article introduces Reusable Components with D3.js from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

Reusable Components with D3.js is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

D3 Unconf 2014 Report, Part 2

Sun, 20 Apr 2014 00:00:00 +0900

This article introduces D3 Unconf 2014 Report, Part 2 from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

D3 Unconf 2014 Report, Part 2 is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

D3 Unconf 2014 Report, Part 1

Fri, 11 Apr 2014 00:00:00 +0900

This article introduces D3 Unconf 2014 Report, Part 1 from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

D3 Unconf 2014 Report, Part 1 is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

Normalization in Visualization

Mon, 24 Mar 2014 00:00:00 +0900

This article examines Normalization in Visualization as a case study in data visualization, information design, or visual culture.

The article is useful as a case study in how data, design choices, and context shape interpretation.

What It Shows

The main point is not only the finished visual form, but also the reasoning behind it: what was selected, emphasized, simplified, or compared. Those decisions determine what readers can notice.

Design and Context Notes

Identify the data, audience, and communication goal behind the work.
Notice how visual form, annotation, and context shape interpretation.
Distinguish the core idea from details that belong to a specific medium or moment.
Treat the example as a prompt for design judgment rather than a universal rule.

Summary

Normalization in Visualization shows how visualization works as both analysis and communication. Reading it carefully means looking at the data, the visual encoding, and the cultural or practical context around the work.

D3: Data Formats and Requests

Sun, 22 Sep 2013 00:00:00 +0900

This article introduces D3: Data Formats and Requests from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

D3: Data Formats and Requests is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.

D3: TopoJSON

Wed, 18 Sep 2013 00:00:00 +0900

This article introduces D3: TopoJSON from a practical data visualization workflow perspective.

The emphasis is on how the tool, format, or workflow fits into practical visualization work.

Practical Context

Workflow Notes

Check the data format and assumptions before adopting the workflow.
Separate one-time setup issues from repeatable production steps.
Document version, data source, and conversion settings when reproducibility matters.
Prefer simple outputs first, then add interaction or styling after the data is correct.

Summary

D3: TopoJSON is relevant as part of the broader craft of preparing, transforming, and publishing data. The value comes from understanding both the technical mechanism and the communication task it supports.