表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
Graphic Design Inspiration on Speckyboy Design Magazine
Looking for some graphic design inspiration? Here you will find inspirational galleries and articles, covering all aspects of graphic design. View all Design Inspiration collections
データのビジュアリゼーションに使えるJSライブラリ「d3.js」:phpspot開発日誌
d3.js データのビジュアリゼーションに使えるJSライブラリ「d3.js」 ユニークで様々なビジュアリゼーションが可能になっており、更にアニメーションしたりインタラクティブな要素を盛り込めるのも特徴 次のようなデータビジュアリゼーションをjavascriptのコードを使って描画でき、サンプルコードなんかも公開されています。 IEには対応していませんが、かなり色々なことができるので覚えておいてもよいかも。 関連エントリ 色々と使えそうなグラフや図が描けるビジュアリゼーションライブラリ集 データの様々なヴィジュアリゼーションが可能なFlexライブラリ「birdeye」
Google Chart API で QRコードも生成してくれるようになった
Google Chart API で QRコードも生成してくれるようになった 2008-07-04-3 [WebTool] URL をなげるとグラフなどの図を画像として生成してくれる Google Chart API ですが、新たに QRコードを生成してくれるオプションができました。 QR codes (Developer's Guide - Google Chart API) 基本となるパラメータは chs（サイズ指定）cht（QRコードなのでqrを指定）chl（エンコードしたテキストを指定） の３つです。 では実例。 このブログのトップページ「https://chalow.net/」のQRコードを作ります。 URLを組み立てるとこうなります： https://chart.apis.google.com/chart?chs=150&cht=qr&chl=https%3a//chalow.
AwesomeChartJS
Easy to use Just create a new AwesomeChart object and pass the canvas element's id as a parameter to the constructor. Then set the chart's data and call the object's draw() method. That's it! Your chart is ready! Fully customizable Control how your chart looks by defining: Font styles Fill and stroke styles for bars and pies Margin sizes
30 Free Vector Graph & Chart Icon Templates (AI, EPS, SVG, PSD & PNG)
30 Free Vector Graph & Chart Icon Templates (AI, EPS, SVG, PSD & PNG) There is no better way of displaying complex data than with beautifully designed charts and graphs. They not only make the data much easier to read and understand to the viewer, but they also have the power to make even the most mundane data seem appealing and interesting. If you’re looking for a simple method for creating your
Creating accessible charts using canvas and jQuery | Filament Group, Inc.
102 South Street , 3rd floor Boston MA 02111 Phone: 617.482.7120 Fax: 617.687.0212 Email: hello@filamentgroup.com Posted by Scott on 03/05/2008 Topics: accessibilitycanvasjavascriptjQueryprogressive enhancement Data visualization in HTML has long been tricky to achieve. Past solutions have involved non-standard plugins, proprietary behavior, and static images. But this has changed with the recent
Flot Examples
Here are some examples for Flot, the Javascript charting library for jQuery: Basic example Different graph types Setting various options and annotating a chart Updating graphs with AJAX and real-time updates Being interactive: Turning series on/off Rectangular selection support and zooming and zooming with overview (both with selection plugin) Interacting with the data points Panning and zooming (
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js - Data-Driven Documents
http://e0166nt.com/blog-entry-706.html
Google Code Archive - Long-term storage for Google Code Project Hosting.