Data visualization with d3.js
In this post, I present some visualizations I plotted using the d3.js package.
Figure 1: line plot with confidence interval and colors defined by a threshold. Values above this threshold are colored in red, while values below this threshold are colored in green. This visualization was inspired by the one in the website rt.live.
Figure 2: multipanel figure (with buttons to alternate between categories). Each panel shows a filled line plot.
Figure 3: scatter plot with variable marker size according to the variable value (with buttons to alternate between categories).
Figure 4: bar chart race.Moving average
Figure 5: bar plot with moving average and adjacent timeline (with button for deactivation of the moving average).
Figure 6: stream chart plot.
Figure 7: map with color varying scale depending on the amplitude of the variable (with buttons to alternate between categories).
Figura 8: force-directed graph.
 Scott, A. Interactive Data Visualization for the Web (O’Reilly Media, 2013)
 Wilke, C. O. Fundamentals of Data Visualization (O’Reilly Media, 2019)
 F. Crameri, G. E. Shephard, P. J. Heron, The misuse of colour in science communication. Nature Communications 11, 5444 (2020).