JavaScript可视化/图形和图表库
fmms 12年前
<h3 style="text-align:left;">Charting javascript Library</h3> <p> </p> <h3 style="text-align:left;">1) <a href="/misc/goto?guid=4958329815815713923" target="_blank">jsCharts</a></h3> <p style="text-align:left;">JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser).</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7509" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/f11d810b127296344563161a079dcb31.png" width="550" height="293" /></p> <h3 style="text-align:left;">2) H<a href="/misc/goto?guid=4958183403619584665" target="_blank">igh Charts</a></h3> <p style="text-align:left;">Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7510" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/2f0283e544820f0ed0e9346163e30e38.png" width="550" height="248" /></p> <h3 style="text-align:left;">3) G<a href="/misc/goto?guid=4958183402873546867" target="_blank">oogle Flot</a></h3> <p>Flot is a pure Javascript plotting library for jQuery. It produces graphical <strong>plots</strong> of arbitrary datasets on-the-fly client-side. The focus is on <strong>simple</strong> usage (all settings are optional), <strong>attractive</strong> looks and <strong>interactive</strong> features like zooming and mouse tracking.</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7511" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/8656e664fbcba96cbdd25dd51588273c.png" width="550" height="276" /></p> <h3 style="text-align:left;">4) T<a href="/misc/goto?guid=4958329818131080763" target="_blank">imeplot</a></h3> <p style="text-align:left;">Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports).</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7512" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/053eebfbcc88bb4adb64f2f3b7480342.png" width="550" height="257" /></p> <h3 style="text-align:left;">Visualization javascript Library</h3> <p> </p> <h3 style="text-align:left;">5 ) P<a href="/misc/goto?guid=4958190209686600862" target="_blank">rocessingjs</a></h3> <p style="text-align:left;">Processing.js 1.3.6 is a maintenance release for 1.3.5. We’ve fixed a 3D mode regression, where any non-square sketch would be stretched.</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7513" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/eee2fbc78160e6390b46cec296e73777.png" width="550" height="375" /></p> <h3 style="text-align:left;">6) P<a href="/misc/goto?guid=4958329819670240941" target="_blank">rotovis</a></h3> <p style="text-align:left;">Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7514" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/12d12df24468302b08fa8a5d7ca86ea3.png" width="550" height="145" /></p> <h3 style="text-align:left;">7) <a href="/misc/goto?guid=4958190210435298611" target="_blank">raphaeljs</a></h3> <p> </p> <p style="text-align:left;">Raphael is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-7521" alt="JavaScript可视化/图形和图表库" src="https://simg.open-open.com/show/bffb164aee096177852f6bc7558c22fa.png" width="550" height="99" /></p>