10个非常棒的图表和图形生成Javascript插件
fmms 13年前
<h3><strong><a href="/misc/goto?guid=4958330458319912366" target="_blank">Humble Finance</a></strong></h3> <p><a href="https://simg.open-open.com/show/33920f8681aa736996675e54f83fd9cb.jpg"><img class="aligncenter size-full wp-image-24177" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/33920f8681aa736996675e54f83fd9cb.jpg" width="500" height="250" /></a></p> <p>This one is a really nice HTML5 data visualization tool. It is quite similar to the Flash tool available on http://finance.google.com/. Humble Finance itself is written completely in JavaScript, utilizing the Prototype and Flotr libraries. You can use it for displaying any two 2-D data sets of real numerical data that share the axis.</p> <h3><strong><a href="/misc/goto?guid=4958330455963716813" target="_blank">D3</a></strong></h3> <p><a href="https://simg.open-open.com/show/0924f814786f45ea414ba730e40ab9fe.jpg"><img class="aligncenter size-full wp-image-24178" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/0924f814786f45ea414ba730e40ab9fe.jpg" width="500" height="250" /></a></p> <p>D3 is one of the most popular visualization library. It is utilized by a few chart plugin in this post. It allows binding arbitrary data to a DOM (Document Object Model ), and then applying data-driven transformations to the document. You can use it for creating a basic HTML table from an array of numbers; or utilize the same data for creating an amazing SVG bar chart with fluid transitions and interaction.</p> <h3><strong><a href="/misc/goto?guid=4958330455178823730" target="_blank">Rickshaw </a></strong></h3> <p><a href="https://simg.open-open.com/show/c341f8d6e43d1970a495462ff45f38cd.jpg"><img class="aligncenter size-full wp-image-24179" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/c341f8d6e43d1970a495462ff45f38cd.jpg" width="500" height="250" /></a></p> <p>Rickshaw is an amazing tool that lets you create interactive time series graphs. It D3 visualization library dependant and requires some extensions like jQuery and jQuery UI.</p> <h3><strong><a href="/misc/goto?guid=4958184957011927528" target="_blank">jqPlot</a></strong></h3> <p><a href="https://simg.open-open.com/show/50cfde63d20731231a39c38bf386099b.jpg"><img class="aligncenter size-full wp-image-24180" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/50cfde63d20731231a39c38bf386099b.jpg" width="500" height="250" /></a></p> <p>This is a great plugin for plotting and charting for jQuery Javascript framework. jqPlot creates amazing line, bar and pie charts with various features.</p> <h3><strong><a href="/misc/goto?guid=4958330459111945894" target="_blank">RGraph</a></strong></h3> <p><a href="https://simg.open-open.com/show/3eeebd7a4fada6fc8cf63eddac769caf.jpg"><img class="aligncenter size-full wp-image-24181" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/3eeebd7a4fada6fc8cf63eddac769caf.jpg" width="500" height="250" /></a></p> <p>It is a HTML5 JS charts library that boasts support for more than 20 types of charts. Utilizing the latest HTML5 canvas tag, this tool generates Javascript charts in the web browser, which means that pages would be quicker and web server load would be less. This tool is a great way of speeding up your website.</p> <h3><strong><a href="/misc/goto?guid=4958330459895862558" target="_blank">dygraphs</a></strong></h3> <p><a href="https://simg.open-open.com/show/8f46a29597f31a0b3f74f315ef5a4722.jpg"><img class="aligncenter size-full wp-image-24182" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/8f46a29597f31a0b3f74f315ef5a4722.jpg" width="500" height="250" /></a></p> <p>This one is a really amazing open source JS library that creates interactive, zoomable charts of time series. It allows displaying dense data sets and lets users explore and interpret them. It is a minimal tool that even works in IE too.</p> <h3><strong><a href="/misc/goto?guid=4958330457538442733" target="_blank">canvasXpress</a></strong></h3> <p><a href="https://simg.open-open.com/show/bc391d23a2e3129967625e832c4bd670.jpg"><img class="aligncenter size-full wp-image-24183" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/bc391d23a2e3129967625e832c4bd670.jpg" width="500" height="250" /></a></p> <p>This one is a library based on the tag applied in HTML5. It supports a huge amount of extremely complicated charts and graphs.</p> <h3><strong><a href="/misc/goto?guid=4958330461416779588" target="_blank">gRaphael</a></strong></h3> <p><a href="https://simg.open-open.com/show/8a17e9c0a8b68731501712f0d23690b8.jpg"><img class="aligncenter size-full wp-image-24184" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/8a17e9c0a8b68731501712f0d23690b8.jpg" width="500" height="250" /></a></p> <p>This tool allows creating beautiful charts on your website. gRaphael is based on Raphael graphics library. You can also viewe the demos to see static and interactive charts. It presently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+.</p> <h3><strong><a href="/misc/goto?guid=4958330454385699767" target="_blank">Flotr2</a></strong></h3> <p><a href="https://simg.open-open.com/show/5dcac4f2974ce90495177a0c604d1a13.jpg"><img class="aligncenter size-full wp-image-24185" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/5dcac4f2974ce90495177a0c604d1a13.jpg" width="500" height="250" /></a></p> <p>It is a great framework independent library which allows drawing HTML5 charts and graphs. It is actually a branch of flotr that gets rid of the Prototype dependence and boasts various meliorations. You can create lines, bars, candles, pies and bubbles charts. It even supports older browsers like Internet Explorer 6 and mobile platform too.</p> <h3><strong><a href="/misc/goto?guid=4958330456751111881" target="_blank">Awesome Chart JS</a></strong></h3> <p><a href="https://simg.open-open.com/show/b8f775f879d77d863e15283da9fbc710.jpg"><img class="aligncenter size-full wp-image-24186" alt="10个非常棒的图表和图形生成Javascript插件" src="https://simg.open-open.com/show/b8f775f879d77d863e15283da9fbc710.jpg" width="500" height="250" /></a></p> <p>Well, as the name suggests, it is an ‘awesome’ Javascript library which can be used for creating charts based on the HTML 5 canvas element. It is a simple library which allows users to generate simple charts easily and quickly with a few lines of coding.</p>