PHPで簡単にグラフが作れるライブラリ
PHPを使って、アクセス解析結果やアンケートの集計結果などグラフを表示したいという機会は結構あるのではないかと思います。 しかし、何もないところからこれを作ろうとするとかなり骨が折れる上に、美しいグラフを作成するのは難しいのではないかと思います。 まずはpChartというライブラリから。これはGPLライセンスのライブラリで、サーバサイドで画像を生成するタイプのものになります。動作には、GDサポートを有効にしたPHPが必要となります。 対応しているグラフの種類は、 折れ線グラフ 3次スプライン曲線 プロットチャート 棒グラフ パイチャート と、豊富に対応していて、生成されるグラフの品質もかなり高いです。 このライブラリは、データを表すpDataとグラフを表すpChartという二つのクラスを使って描画を行います。使い方は以下のような感じです（サンプルをちょっとだけ変えたものです）。 <?php
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
日本のブラウザシェア率
Sorry, JavaScript is required to view Global Stats charts.
[CSS]スタイシートだけで実装するアクセシブルな折れ線グラフ
スクリプトやフラッシュを使用しないで、スタイルシートだけで実装する折れ線グラフをcss globeから紹介します。
JS charts – The free JavaScript chart generator
What is JS Charts? 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). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
24. グラフ生成ライブラリの紹介(1)
Webサイトを構築していると、サイトの運営状況やアクセス数の管理など、さま ざまな場面でグラフを使用する必要が出てきます。 自分でグラフの描画を行うスクリプトを1から作るのは非常に大変ですが、Web上 には公開されているグラフ描画ライブラリが数多く存在します。 今回はその中から7つのグラフ生成ツールを紹介したいと思います。 ここでは各ライブラリを使用して、最もシンプルな棒グラフの生成方法を紹介し ます。 前編後編に分けて紹介し、前編ではPEAR::Image_Graph、JpGraph、PHP/SWF Charts、HTML-GRAPHs(PHP)を紹介します。 ・PEAR::Image_Graph http://pear.veggerby.dk/ PEARのグラフ生成ライブラリです。 オープンソースのグラフ描画ライブラリ GraPHPite を元に作成されています。 PEAR::Ima
Open Flash Chart - Home
Info: Open Flash Chart 2 is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but further development on 1.x has stopped. Take a look at version 2 here Open Flash Chart 2. Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site. The browser downloads the web page which contains the
jQueryベースの滑らかなグラフ描画ライブラリ「Flot」:phpspot開発日誌
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height
フリーのグラフスクリプト１０個:phpspot開発日誌
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. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
円グラフの特徴や用途を解説！ 棒グラフ・ドーナツグラフとの使い分けは？ | データをざくざく処理するためのグラフの読み方、使い方
前回の第2回では、円グラフ、折れ線グラフ、棒グラフ、散布グラフの使い分けについて説明しました。系列数が1つで、かつ売上や販売数のシェアのような、合計して100％になるような場合は、円グラフを使うのがベストと申し上げましたが、円グラフを使わない方がいい場合というのも存在します。なんとなく直感で使いこなしている方も多いかと思いますが、プレゼンの際に上司に突っ込まれたときには、筋道立てて説明しなくてはならないこともあります。そういうケースも念頭に置きながら、今回は円グラフを使う際に気をつけるべきポイントを論理的に整理してみましょう。 立体グラフを使うことで生じる問題とは？今回は円グラフとその派生形であるドーナツグラフを題材に取り上げますが、はじめに質問です。下のグラフを見てバナーA、バナーB、バナーCのシェアは次のどのように思われますか。 1 バナーAとバナーBのシェアが等しく、バナーCのシェア
見栄えがよく、分かりやすいエクセルのグラフを作成する5つの簡単なテクニック | コリス
Chandoo.orgのエントリーから、見栄えがよく、分かりやすいエクセルのグラフを作成する5つのテクニックとカラフルにデザインされた73のエクセルのテンプレートを紹介します。 How to NOT spend $ 150,000 and still dress up your charts 色の代わりにグラデーションやパターンを使用したグラフ 色の代わりに画像を使用したグラフ 注目するポイントにテキストを配置したグラフ オリジナルの色を使用したグラフ ラベルに画像を使用したグラフ デザインされたグラフの73のテンプレート [ad#ad-2] 色の代わりにグラデーションやパターンを使用したグラフ グラフの配色にフラットな色ではなく、グラデーションやパターンを使用します。 スライドに使用する際は、グラデーションを控えめに。 グラフを右クリックし、「データ系列の書式」を表示します。 「パターン
Plotrでグリッドデータからグラフ表示
Plotrの設定と動作環境 最終回となる今回はグリッドデータを使用したグラフ表示サンプルを紹介します。Ajaxライブラリにはグラフ表示をサポートするものもいくつかありますが、ここでは「Plotr」を使用します。Plotrはグラフ表示専用のライブラリで、二次元で棒グラフ、折線グラフ、円グラフを描画することができます。 Plotrの各ブラウザの動作環境は以下の通りです。 ・Firefox 1.5以上 ・Safari 2.0以上 ・Opera 9.0以上 ・Internet Explorer 6.0以上（エミュレートモード） PlotrはPlotrの公式サイト（http://solutoire.com/plotr/）から入手でき、解凍すれば使用することができます。原稿執筆時点（2008年7月）の最新バージョンはPlotr 0.3.0です。 Plotrの使用ではPrototype.jsの1.5.1
PHPベースのグラフ生成ライブラリ·pChart MOONGIFT
システムに入れたデータは何らかの形で出力される。多いのはグラフや表だろう。表は数値を細かく判断する場合には便利だが、もっと感覚的に肌で違いを感じられるのはグラフの方だ。そのため、グラフ作成に関するニーズは多い。 曲線を描くグラフ グラフを生成するライブラリは数多く存在するが、使い勝手や機能面で物足りない思いをしている人もいるだろう。そこでこちらをご紹介。 今回紹介するオープンソース・ソフトウェアはpChart、PHP向けのグラフ生成ライブラリだ。 pChartは折れ線グラフ、面グラフ、棒グラフなどを画像として生成することができる。細かな指定ができ、各要素が離れた円グラフ、なんてことやポインタに画像を使ったりすることもできる。もちろん複数の要素を同時に表示したり、折れ線グラフと面グラフを合わせるなんてこともできる。 コメント付き PHP単独で作られているので、PHPでシステムを構築している場
グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
PHP GDプログラミング:Geekなぺーじ
ここでは、PHP用グラフィックライブラリGDを使ってスクリプトを書く方法を説明したいと思います。 GDを使ったCMSを作ると、画像をサーバにアップロードして自動的にサムネイルを作ったり出来ます。 また、GDを使うと任意の絵を作成できるので、例えばAJAXと組み合わせて色々作ると楽しいかも知れません。 その他、色々と使いどころはありそうです。 基本 GDの使い方 GDライブラリの設定情報を確認する 四角く塗りつぶす 画像の読み込み PNGの出力 JPEGの出力 画像の拡大と縮小 画像の回転 TrueType Fontを使った文字列出力 TrueType Fontを使った文字列出力(傾きあり) TrueType Fontで文字列を記述した場合の大きさを測る TrueColor画像(1) TrueColor画像(2) 画像上に文字列を表示 画像上にロゴをオーバーレイ 画像フィルタ 明度 カラーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料で、グラフやチャートが簡単に作成できるオンラインサービス -Chart Tool
IDEA * IDEA
iObeya - Digital Visual Management
XML/SWF Charts > Introduction