Need Help in developing interactive graphs

vinod12345madhu

vinod12345madhu

@vinod12345madhu-FwUje1 Oct 27, 2024

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.

Replies

Welcome, guest

Join CrazyEngineers to reply, ask questions, and participate in conversations.

CrazyEngineers powered by Jatra Community Platform

  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk 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.

  • Sharfudeen Mohamed Ibrahim

    Sharfudeen Mohamed Ibrahim

    @sharfudeen-9IwUPQ Aug 21, 2017

    Checkout <a href="https://www.highcharts.com/" target="_blank" rel="nofollow noopener noreferrer">www.highcharts.com</a> they have much charts. This might you. They could be edit from backend and also highly customizable AFAIK.

    ~Rude Boy

  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk Aug 22, 2017

    For charting, my favorite is chartjs.org

  • Sharfudeen Mohamed Ibrahim

    Sharfudeen Mohamed Ibrahim

    @sharfudeen-9IwUPQ Aug 22, 2017

    Kaustubh KatdareFor charting, my favorite is chartjs.org

    Yes, that was better. But I like highchart. Because, it has lot of charts than chartjs. Also see this comparison: #-Link-Snipped-# . Both of them having their own PROs and CONs.

    ~Rude Boy 😁

  • simplycoder

    simplycoder

    @simplycoder-NsBEdD Aug 26, 2017

    d3JS is also good and its free as well.
    Here is a link you can try:
    <a href="https://d3js.org/" target="_blank" rel="nofollow noopener noreferrer">d3js.org</a>

  • Sharfudeen Mohamed Ibrahim

    Sharfudeen Mohamed Ibrahim

    @sharfudeen-9IwUPQ Aug 31, 2017

    Try this too bruh: <a href="https://www.jqwidgets.com" target="_blank" rel="nofollow noopener noreferrer">www.jqwidgets.com</a> having lot of model graphs.

    ~Rude Boy 😁

  • Manish Goyal

    Manish Goyal

    @manish-r2Hoep Sep 3, 2017

    You can use google charts
    <a href="https://developers.google.com/chart/interactive/docs/gallery/linechart" target="_blank" rel="nofollow noopener noreferrer">developers.google.com</a>

    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