primers

I have heard about D3 for a long time and want to try it out. The Chinese translation I found can be referred to when checking the API. It is not very convenient for getting started.

The body of the

This series will guide you through the first steps to using D3.js.

Before we begin, it’s worth briefly considering: Why bother learning D3? Why learn on Observable?

First of all, D3 is popular (179M downloads and 97K start), so you have a good company. There are plenty of community-developed resources, including tutorials, videos, courses, and books. The D3 team has published hundreds of derivable examples and tutorials to benefit your learning and productivity.

On the other hand, D3 is flexible. D3’s superpower is that you can do whatever you want – create freely! Gallery D3 is a veritable zoo of species: Treemap, Hierarchical Edge Bundling, Sankey Diagram, Density Contours, Forced-Directed Graph, and more (and hundreds of map projections!) . This flexibility stems from D3’s basic approach, which focuses on composable basic elements such as shapes and proportions rather than configurable diagrams. D3 imposes no constraints and is therefore beneficial for taking advantage of all features supported by modern browsers.

D3 is known for animation and interaction. If you have a few minutes, watch a Bar Chart Race or Animated Treemap. Enter hierarchical bar chart, Collapsible Tree, or Scalable SunBurst, Treemap, or Packed Circles. Either swipe a Scatterplot matrix or zoom in on an area chart. Animation is a powerful vehicle for storytelling, and interaction allows active readers to explore.

Of course, this power comes at a price. There’s a lot to learn: D3 has over thirty modules and a thousand methods! D3 can be more boring than tools dedicated to exploring visualization, such as Vega Lite.

This is where Observable comes in.

Observable is an ideal environment to learn D3 because it uses data streams to simplify code, just like a spreadsheet. As you edit, the cells run automatically for quick feedback. You can add interactions or animations with very little code! We’ll cover the features of Observables.

Observables are all about collaboration, helping you learn from your community and give back to it, not just copy and paste. Any notebook can be derived or imported. Notebooks can be exported as reusable components such as Color Legend or ScRubber. You can comment on cells, suggest and merge changes, or ask for help.

A brief introduction is enough. Let’s pull back the curtain and get started with D3.

The resources

  • Learn D3: Introduction
more

I was thinking about exploring Witcher 3 on my own, but I was naive, didn’t have experience in these games, and it was tough, so I didn’t play it.

This time I decided to refer to someone else’s video strategy and start over.

It took more than 10 hours to finally get out of the new village, and gradually started to experience the fun. You don’t have to rely entirely on tutorials.