Creating a time series axis

- [Instructor] Now we're going to add an X axis based…on our X scale.…So we can delete that console log thing…that we had there.…And we'll keep our structure…by popping it under here.…And it's as straight forward as it was before.…For X axis, D3 dot axis, bottom.…The scale is X.…And that's all we need.…Now that won't run until we call it…so we're going to call it down here.…Chart group append g.…We'll give that a class attribute.…

There ya go.…Class, axis X.…And then we call our axis generator…which is X axis.…And then we check and refresh…and low and behold we have an X axis.…Now it's not where we wanted it…but it is there and beautifully formatted…as I'm sure you'll agree in purple and blue.…So the X axis has been positioned at zero zero.…So why isn't it showing up here…which is the zero zero location of the page?…And that's because we've added the X axis…into chart group and chart group has been transformed.…

50 pixels rightwards and 40 pixels downward.…So although the X axis defaults…to a position of zero zero,…it has in fact been shifted…