MAG7 3D Helix Candlestick Chart
Financial data is usually visualized in 2D, which creates a distance between the user and the data. This experiment attempts to overcome that distance. It uses candlestick data of the "Magnificent Seven" constituents and renders it as a 3D helix. The user is thrust into the center of the helix when the camera perspective is initiated, with market data enveloping them from all directions.
Parameters such as pitch, radius, and depth are adjustable. The third dimension is used not only for immersion but also to encode additional information. For example, trading volume is encoded in the logarithmically scaled thickness of the candles.
Please note that some of the features described in the following are only available in the full-screen UI of the helix experiment and not in the preview at the bottom.
The mouse, touch, or trackpad can be used to orbit and zoom in on the helix. Hovering over a candle reveals its open, high, low, close, and volume (OHLCV) information in the top center or top left corner of the screen (depending on the screen width). All times are given in New York time.
Settings
- Pitch
- Controls the number of complete turns in the helix. It can be combined with the data's time horizon in useful ways. For example, combining a Pitch of 12 with a Horizon of one year (1Y) causes each full turn of the helix to correspond to one month.
- Radius
- Controls the radius of the helix. A larger radius spreads the candles further apart radially, while a smaller radius creates a tighter helix.
- Depth
- Controls how far the helix stretches along the z-axis. Higher values elongate the helix, making the temporal distance between candles more visually apparent.
- Symbol
- Selects the Magnificent Seven constituent (e.g., NVDA).
- Horizon
- Selects a time horizon of 1M (one month) or 1Y (one year). One-year data uses a one-day interval, while one-month data uses a 30-minute interval.
Technical Details
To improve performance and save battery power, the helix scene is rendered only when the camera is used, a candle is hovered over, settings are changed, or new data is received, rather than being rendered in a constant animation loop, as in most Three.js examples.
Display Note
To experience the helix experiment in full detail, it is recommended to view it on a high-DPI device (e.g., Retina Display).
The material on this website is for informational purposes only and does not constitute investment advice or a recommendation to buy/sell any security.