Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing simple charts easy.
バブルチャート使っていますか? 「Google アナリティクスの中で最もサイト改善のヒントを見つけやすいグラフはどれか?」と聞かれたら間違いなく「バブルチャート」と答える筆者です。こんにちは。 しかし、Googleアナリティクスの解説や機能紹介を行っているサイトでなかなかお目にかかりません。そもそも「バブルチャートってGoogle アナリティクスで見られるの?」と思っている方も多いかもしれません。ぜひ、この記事を読んでいただき、その魅力に取り付かれてください! Googleアナリティクスの画面を確認する前に、「バブルチャート」とは何かを確認しておきましょう。 そもそもバブルチャートとは? 以下が、バブルチャートの画像になります。Excelなどでも用意されているグラフの1種で、3つの変数をひとつの図で表現できることが出来るのが特徴です。 X軸で1つの変数、Y軸で1つの変数、円の大きさで1つの
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、1万のFacebookページの中から合計130万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、3番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
変わったフォント「FF Chartwell」を紹介します。 数字と足し算からグラフを生成できます。 AdobeのIllustrator、InDesign、Photoshopで使えるようで(参考)、フォントとして「FF Chartwell」を選び、テキストに足し算を打ち込んで変換をかけるとグラフになります。 グラフ生成手順は言葉で書くよりも、プロモーション・ムービーを見た方がわかりやすいと思います。 使う文字は、数字と足し算だけのようですね。 美しいグラフが簡単に描けそうです。 「FF Chartwell」フォントは全部で7種類あり、それぞれ対応するグラフが異なります。 フォント・レーベル「FontFont」がこちらで販売しています(1種類 $25)。
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
うわーこれとてもありがたい! 企画書を作るのにも便利だけど、ブログ書いたり、レポートを作ったりするのにもめちゃめちゃ使えそう。個人的には自分の考えをまとめるのに使いたい 企画書を作るのに便利なWEBサービスまとめ
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ
The Google Public Data Explorer makes large datasets easy to explore, visualize and communicate. As the charts and maps animate over time, the changes in the world become easier to understand. You don't have to be a data expert to navigate between different views, make your own comparisons, and share your findings.
このソフトウェアは以前に紹介済みだが、オープンソース化されたので再度紹介したい。Webアプリケーションにとってグラフは鬼門ではあるが、実現できればユーザビリティを向上できる大きな機能の一つだ。ただの一覧や数字を並べただけでは分からない、具体性を感じられるようになる。 複雑なグラフも難なくこなす グラフを表示するのはHTML、画像、Canvas、Flashが有力で、Flashベースのものが最も表現力に富んでいて多数のブラウザをサポートするだろう。そんな表現力の高いグラフライブラリがFusionCharts Freeだ。 今回紹介するオープンソース・ソフトウェアはFusionCharts Free、Flash + XMLによるグラフ生成ライブラリだ。以前はフリーウェアだったが、ついにオープンソース化された。 FusionCharts Freeはグラフの表示にXMLを用いる。そのためサーバサイド
Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう(ぜひ試していただきたい)。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え
PHPを使って、アクセス解析結果やアンケートの集計結果などグラフを表示したいという機会は結構あるのではないかと思います。 しかし、何もないところからこれを作ろうとするとかなり骨が折れる上に、美しいグラフを作成するのは難しいのではないかと思います。 まずはpChartというライブラリから。これはGPLライセンスのライブラリで、サーバサイドで画像を生成するタイプのものになります。動作には、GDサポートを有効にしたPHPが必要となります。 対応しているグラフの種類は、 折れ線グラフ 3次スプライン曲線 プロットチャート 棒グラフ パイチャート と、豊富に対応していて、生成されるグラフの品質もかなり高いです。 このライブラリは、データを表すpDataとグラフを表すpChartという二つのクラスを使って描画を行います。使い方は以下のような感じです(サンプルをちょっとだけ変えたものです)。 <?php
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
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でクールなグラフサン
システムに入れたデータは何らかの形で出力される。多いのはグラフや表だろう。表は数値を細かく判断する場合には便利だが、もっと感覚的に肌で違いを感じられるのはグラフの方だ。そのため、グラフ作成に関するニーズは多い。 曲線を描くグラフ グラフを生成するライブラリは数多く存在するが、使い勝手や機能面で物足りない思いをしている人もいるだろう。そこでこちらをご紹介。 今回紹介するオープンソース・ソフトウェアはpChart、PHP向けのグラフ生成ライブラリだ。 pChartは折れ線グラフ、面グラフ、棒グラフなどを画像として生成することができる。細かな指定ができ、各要素が離れた円グラフ、なんてことやポインタに画像を使ったりすることもできる。もちろん複数の要素を同時に表示したり、折れ線グラフと面グラフを合わせるなんてこともできる。 コメント付き PHP単独で作られているので、PHPでシステムを構築している場
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く