[問題] 如何改寫這個網頁(軟體)

[FutureGirl (A馬)]

大家好，我是學校的助理，老師希望我幫忙改寫下面網址的這個軟體

http://tube.geogebra.org/student/mR1HLTzoN　　（使用Geogebra做的）

因為老師覺得原本用geogebra做的不好用  放大縮小會破版又要強制放在他們的伺服器上

所以想要用其他方式改寫

目前想到的是用網頁  不過我只對於XHTML+CSS比較熟而已

所以有一些技術不太清楚  想請教大家

1. 曲線圖圖表

   有想過說直接用jpg的方式上去就好  但這樣好像就沒辦法讓那顆球跟著曲線移動

2. 年份拉軸和對應的那條線

   年份拉軸想用HTML5 slider做 但那條線+球不太清楚怎麼弄出來

3. 和年份對應的值

   數值都會跟著年份的不同而做變動  有對應的表格可以查  不須要計算

   如果不架後端資料庫的話有辦法做嗎?



再麻煩大家解惑了!!!

不用網頁做的話有其他的推薦嗎?

非常感恩T^T

PS:改寫是沒有版權爭議的  因為這一個軟體也是我們找老師開發的
   開發的老師也授權了 只是要用不同的技術再重做一次而已


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.122.147.78
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1433815872.A.B02.html
→ dinos: Highcharts在某些狀況下有Free License
→ bbcust: 要免費的話也有google chart?  比較陽春一點就是
→ cn41408: 資料如果都自己的，用D3.js可以做得更漂亮
→ cn41408: 而且也有很多DEMO可以教你怎麼處理資料
→ FutureGirl: 資料是都自己的~~