Yaolin Ge

D3 visualization

#javascript#graphics

D3.js is a powerful JavaScript library for creating dynamic and interactive data visualizations in web browsers. It uses HTML, SVG, and CSS to bring data to life.

D3 brush

The D3 brush is a powerful feature that allows users to select a portion of the data displayed in a visualization. It can be used to zoom in on specific areas or filter data based on user interaction. Here are some behaviours associated with the keyboard behaviours of the D3 brush:

  • Meta: click and drag to move the brush selected region.
  • Alt: expanding the brush both ways around the current position.
  • Space: locks the current brush size.