View Feed
Coffee Room
Discuss anything here - everything that you wish to discuss with fellow engineers.
12893 Members
Join this group to post and comment.

Need Help in developing interactive graphs

I would like to develop a webpage and need it with interactive graphs.
for example lets just say I need to build a website which displays the temerature of like 5 or more cities.
Criteria for interactive nature.
  1. Should be able to select centigrade of fahrenheit scale.
  2. should be able to select particular months.
  3. should be able to select particular cities only
  4. The data should be editable from backend (if i get todays data, I need to upload it in my database and not in the code.)
Another example of the above would be a stock price graphs as seen in Yahoo or google or any other finicial apps
Thanks. Kindly be informed even any CMS applications can also be used. or hard coding also be done. I need tutorials if possible.
Kaustubh Katdare
Kaustubh Katdare • Aug 15, 2017
You don't really need a full fledged CMS for this. If you are familiar with Javascript, you should be able to do this on the front end. If you want database connectivity to maintain past records, you might want to develop a single page PHP (or any other language of your choice) that will help you do this. Your requirements are very limited.

Have you made any attempt at developing this on your own? Share your code so that our fellow engineers can help you with it.
Checkout Interactive JavaScript charts for your webpage | Highcharts they have much charts. This might you. They could be edit from backend and also highly customizable AFAIK.

~Rude Boy
Kaustubh Katdare
Kaustubh Katdare • Aug 22, 2017
For charting, my favorite is
Kaustubh Katdare
For charting, my favorite is
Yes, that was better. But I like highchart. Because, it has lot of charts than chartjs. Also see this comparison: Slant - Chart.js vs Highcharts detailed comparison as of 2017 . Both of them having their own PROs and CONs.

~Rude Boy 😁
simplycoder • Aug 27, 2017
d3JS is also good and its free as well.
Here is a link you can try:
Try this too bruh: jQWidgets - JavaScript UI Widgets framework having lot of model graphs.

~Rude Boy 😁
Manish Goyal
Manish Goyal • Sep 4, 2017
You can use google charts
Line Chart  |  Charts  |  Google Developers

Here temperature on y axis and date range on x axis, you can also add multiple line charts to show temperature variation of multiple cities

Share this content on your social channels -