ドットインストール代表のライフハックブログ
落伍弟子さんの目の錯覚を誘うグラフの受け売りで申し訳ないが,都立高校教科書採択結果のPDFの図がすべて3D円グラフになっており,目の錯覚で誤解が生じやすい。例えば右図で日文は啓林の2倍あるのに中心角は啓林のほうが大きく,面積比でもほぼ互角に見える。情報リテラシーではっきり「3D円グラフは使うな」と教えてほしい。 Rのヘルプの「pie」の項目にも次のようにあるように,そもそも円グラフが良くない。 Pie charts are a very bad way of displaying information. The eye is good at judging linear measures and bad at judging relative areas. A bar chart or dot chart is a preferable way of displaying this ty
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
|++かも日記| jQuery › Downloads › Plugins › jQchart | nightly.htm| Canvas+jQuery (Ajax & Draggable)ダブルクリックでドラッグ&停止もできます Allabout-->棒グラフとグラデーション New version is-->jQchart + CanvasGradient 今回は、HTMLとCSSとJSの分離のことも(多少)考えつつ作ってみました。 使う場合は、それぞれの構造把握がポイントです。 [HTML] HTML制作者が書いたcanvas要素を自動でラップするDIVを頂点として、すべての自動生成されるボックス要素がそのDIV配下にぶら下がっています。 [CSS] チャート内のすべての要素のID名とCLASS名は、HTML制作者が書いたcanvas要素のID名を元にして、命名規則に従い自動生成され
10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト10個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
Fusion Charts Fusion Charts use Ajax Technology and Flash animation it's not free but FusionCharts Trial is a no-restriction evaluation of the actual component. just a "FusionCharts" and "InfoSoft Global" imprints would be present on the charts I think is chart is very easy to use it and chart is look good. more styles with 2D and 3D chart. Emprise javascript charts it's not free but The free tria
商用以外では無料使用できるFlashのグラフ描画コンポーネントで、ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails、通常のHTMLページ、PowerPointによるプレゼンテーションなどで利用することが可能です。パイチャートや棒グラフ、折れ線グラフなどなど、作成できるグラフの種類も多彩。 実際の具体的な例などは以下から。 FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications http://www.fusioncharts.com/free/ グラフの例は以下からいろいろと見ることができます。 Chart Gallery Online Demos ダウンロードは以下のフォームに必要事項を記入すれば可能です。 Download なお、製品
The JavaScript (Canvas) Hyperbolic Browser Works in Firefox 1.5+, Safari and Opera 9.5 05/10/2008 IMPORTANT UPDATE: This library is now part of the JavaScript Information Visualization Toolkit. Changes will no longer be published on this page. What's a Hyperbolic Tree? A Hyperbolic Tree (HT) is a "focus+context" information visualization technique used to display large amount of inter-related
Vertical Bar Graphs with CSS and PHP This technique was originally inspired by Eric Meyer. I have used this technique more times than I can remember, each time with a unique twist. Using HTML and CSS you can create light weight, attractive bar graphs. Creating them with dynamic data will save you time in the future. Example Implementation Creating the list with PHP Styling the graph with CSS Advan
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫:フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く