borntofrappe / learning-d3

d3.js is vast. Here's a repository filled with projects to master the library, its many modules and powerful features.
4 stars 0 forks source link

Wind Rose #21

Closed borntofrappe closed 1 year ago

borntofrappe commented 1 year ago

Corollary to the exploration of radial functions in #20 highlight wind forces in the possible directions. Consider random values and animation.

Wind Rose

borntofrappe commented 1 year ago

Helpful links:

The goal would be:

  1. create a wind rose with random data
  2. at an interval update the data and the visualization

In this manner you practice with a radial chart, but also the prominent topic of a data join and the mentioned random module

borntofrappe commented 1 year ago

Completed visual.

Wind Rose

borntofrappe commented 1 year ago

The project focuses on a rose layout, creating a data structire to draw the arcs. This pattern is similar to that implemented by D3 with functions such as d3.pie.