If you are familiar with forex trading, then you’ll most likely know about candlestick chart. If you don’t, this picture below is your reference :
To add some more information from wiki source:
A candlestick chart (also called Japanese candlestick chart) is a style of financial chart used to describe price movements of a security, derivative, or currency. Each "candlestick" typically shows one day; so for example a one-month chart may show the 20 trading days as 20 "candlesticks".
It is like a combination of line-chart and a bar-chart: each bar represents all four important pieces of information for that day: the open, the close, the high and the low. Being densely packed with information, they tend to represent trading patterns over short periods of time, often a few days or a few trading sessions
And since we're using d3.js, there is an additional function : at the lower most graph is the d3 'brush' component, used to select certain date period within the graph.
Go ahead, give it a try; just click and drag at to lowermost graph to see how it works.
All candles are hoverable.
Fullwidth visualization will give you more freedom to drag and choose the period by brushing, aside from make it easier to hover at daily candles. You can experience it by clicking the button below.