Protovis
Protovis 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. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
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
Canvas pie
UPDATE: Translation in Brazilian Portuguese here, thanks Maujor! OK, so you have an HTML table. Let's turn it into a pie chart with a bit of javascript. We'll be using the canvas tag, so the browser has to support it. For IE - well, you still have the table. That's why we'll call it progressive enhancement. Unobtrusive too. Here's a screenshot: » The demo is here (refresh for new colors) Here are
アシアルブログ
2018-12-21 経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校で『農業IoTシステム自作』講座を開催しました MonacaEducation担当の岡本です。経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校の生徒達とビニールハウスなどの温度湿度をクラウドに記録、スマートフォンやタブレットなどのモバイル端末からグラフとして情報を確認できるようなシ… 経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校で『農業IoTシステム自作』講座を開催しました 2018-12-14 IT健保（関東ITソフトウェア健康保険）のお得な活用方法について調べてみた はじめまして、諸井です。 マーケティングや営業のフロント・バックオフィス全般を担当しています。 入社して3年弱、嬉しかったことはいくつかあるのですが、そのひとつは関東ITソフトウェア健康保険
Plotrリファレンス
Plotrは折れ線グラフや棒グラフ、円グラフを表示するライブラリです。このライブラリを利用するにはprototype.js バージョン1.5が必要です。 Plotrライブラリは描画するグラフによって分かれていますが、コアとなるPlotr.jsファイルのみ読み込めば動作します。また、一部のブラウザではグラフが表示されない場合もあります。 version 0.1.3 リファレンス version 0.1.4 リファレンス
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ProtoChart
http://solutoire.com/plotr/