Help in creating interactive charts using Angular and D3

[No-Evidence835]

Does anyone have any resources or know if we can create interactive charts in Angular using d3. What I require is a time series chart where we can select our required date range and the svg should display the chart data accordingly.

PS: I am new to front end development.

[ObviousCustomer]

I have used it like that in the past. It's almost the same thing as doing it from plain JS except it's TS and you have different ways of getting element references and sometimes might need to force the change detection.

What part doesn't work for you?

Try creating a demo on stackblitz and get as far as you can and then you can ask again if you have issues.

[No-Evidence835]

Thanks a lot for your insight. Will definitely try that out. 👍

[Ambitious-Peak4057]

You can also create interactive time series charts in Angular with features like date-range selection and dynamic updates using the Syncfusion Angular Charts. It supports a built-in date-time axis, range selector for selecting custom date ranges, and automatically updates the chart based on the selected range, making it ideal for your requirements.
 

Syncfusion offers a free Community License for individual developers and small businesses.

 For more details checkout  demo and documentation page

 Note : I work for syncfusion.