##D3 Star Trails
An attempt to recreate this picture of star trails in D3.
William Turman WillTurman
WillTurman
/ README.md
Last active
April 2, 2021 09:35
D3 v4 Stacked Bar Chart with Negative Values - CFNAI Data
##D3 v4 Stacked Bar Chart with Negative Values
A #d3js stacked bar chart that supports a mix of positive and negative values.
Data is from the Chicago Fed National Activity Index
The line represents the 3 month moving average of the compiled CFNAI components.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font: 10px sans-serif; | |
| } | |
| .axis path, | |
| .axis line { |
The series hover interactivity uses the technique from lgrammel seen here: http://bl.ocks.org/1963983
It isn't necessarily a tooltip, but data is displayed by inverting the x-axis value into a date, and mapping the date to the corresponding data value for the series.