![http://www.designwalker.com/2010/07/chart-tool.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/667bd894ec7780f44fe7c3bd04780d0434ec01fb/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F01-25.png)
「XMind」は、グラフィカルな図解を手軽に作成できるソフト。Windows 2000/XP/Server 2003/Vistaに対応するフリーソフトで、作者のWebサイトからダウンロードできる。なお、本ソフトをダウンロードするにはメールアドレスなどを登録し、無料のアカウントを取得する必要がある。 マインドマップやツリー図、魚骨図、組織図など、さまざまなスタイルの図解を作成できるほか、それぞれのスタイルを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
多種多様なグラフ、チャート、ダイアグラム、マップなどを簡単に作成できるオンラインサービス「Chartle.net」を紹介します。
JavaScriptでツリー構造やグラフ、ヒストグラムを描画できるライブラリ「Ortho」 2007年12月26日- Ortho JavaScript Graphics - Home Page Ortho is a JavaScript library for creating 2-D Graphics in Web Browsers JavaScriptでツリー構造やグラフ、ヒストグラムを描画できるライブラリ「Ortho」 JavaScriptを使って次のような図を描いたりすることが出来るようです。 Examples ページにツリー構造の描画やグラフ描画など色々サンプルがあります。 ふとツリー構造を表したいときにすぐ活用できそうですね。 関連エントリ Googleのグラフ描画API「Google Chart API」 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」 IEでJ
AXXT - Web development and more Canvas 3D Graph This is Canvas 3DGraph, special type of bar graph used to plot X-Y-Z values. 3Dグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」. ライブラリを使って次のような3Dグラフが描画できるようです。 3Dグラフというと使いどころが?な感じですが、うまい使い方を考えれば有効に利用できるかもしれませんね。 関連エントリ キュートな円グラフ簡単作成サービス Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々
16 librairies et scripts pour g・・er des graphiques sur Internet | Simple Entrepreneur Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々。 Flash amCharts Maani JavaScript EJSChart PlotKit AjaxMGraph CSS Css For Bar Graphs Vertical Bar Graphs with Css and Php Bargraph Dynamic Pie Chart with Css Css Vertical Bar Graphs Displaying percentages グラフ画像生成ライブラリ JFreeChart Artichow JpGraph Chart Director Graphviz Ima
DHTML Site - Free CSS Graph Resources Generators Often in web-based applications, developers want to be able to display on the fly graphs. フリーのCSSグラフまとめ10個が紹介されてました。 CSSでいろいろとできるものですね。 Ajax MGraph PlotKit CSS Javascript Bar Charts Vertical Bar Graphs with CSS and PHP CSS For Bar Graphs CSS Vertical Bar Graphs Displaying Percentages with CSS Dynamic Pie Chart with CSS Real World Bar Graphs (with so
当サイト「超かんたん3D円グラフ作成!」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん! 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例:質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値(または割合)を半角カンマ区切りの半角数字で入力 例:40,30,20,8,2 3. 「3D円グラフ作成!」ボタンクリックで、オリジナルの3D円グラフ画像が完成! できあがった3D円グラフ画像ファイルは保存することができます。 (Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択) できあがった3D円グラフ画像ファイルは、保存&印刷&配布等が可能です。全て無料
Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成し、グラフの種類や見せ方もいろいろと指定できる「Flashできれいなパイチャートや円グラフを無料で作る「amCharts」」ですが、非常に利用者数が多かったらしく、ついに折れ線グラフや面グラフを作成可能なバージョンの「amCharts」が登場しました。サイト上からその例を実際に見ることができるのですが、今回もかなり実用性が高そう。見栄えのするグラフを作りたい人には最適かと。 詳細は以下の通り。 amCharts: customizable flash Line & Area chart http://www.amcharts.com/line/ ダウンロードは以下から可能。 DOWNLOAD LINE & AREA CHART 例その1:2種類の線グラフ。データ引用元サイトなどへのリンクをはることも可
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
メールで情報をやり取りする際に面倒な点の1つは、前後の話のつながりを追いづらいことですよね。例えば Gmail のように、関連するメールをスレッド形式で表示するなどといった工夫もありますが、話の流れが複数に分散した時に把握しづらくなります。そこでIBMがこんなアイデアを考え出したとのこと: ■ Thread Arcs (visualcomplexity.com) 2003年発表とのことですから、既にご存知の方も多いかもしれません。個々のメールを「点」で示し、他のメールとの関連を「弧(arc)」で示す「スレッド円弧(Thread Arcs、スレッド・アーチと意訳した方がカッコいいかも)」というアイデア。中が塗りつぶされている点は他人のメールを示し、さらに色の違いで送信者などを表すようになっているそうです。より詳しい情報は、IBMの公式ページからどうぞ: ■ THREAD ARCS: An E
Pie charts are the most commonly used chart type to represent qualitative data (values in relation to the whole). amCharts has an extensive support for various pie chart sub-types and configuration options. This demo shows the most basic and commonly used implementation of pie chart. Key implementation details We create an instance of PieChart and add PieSeries to it with data fields configured. A
Samurai Graph A highly functional and user-friendly graph plotter About Samurai Graph Samurai Graph is a highly functional and user-friendly graph plotter. It can plot a graphs from the scalar to vector type 2-dimensional data. See features for an extensive overview, take a look at the screenshots, or download it right away. Samurai Graph is an open source development project, released under the G
図関連 JavaScript 最終更新 2007/2/23 FooPlot: Online graphing calculator and plotter ezvg.js、VML/SVGを切り替えて使用、GPL。 Open-jACOB Draw2D wz_jsgraphics.js。 mxGraph Ajaxio Demo wz_jsgraphics.js、Prototype, script.aculo.us Cumulate Draw 独自ライブラリ。VML/SVG切り替え。Spry、Prototype.js。 ajaxSketch XUL。 CanvasPaint Sharpan - お手軽Webホワイトボード excanvas.js、Prototype.js。コラボレーション。 Thinkature wz_jsgraphics.js、YUI。コラボレーション。 WWW SQL Des
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
VML は Internet Explorer 10 で廃止されました。今後は <canvas> を使用することが推奨されます。(2013.1.4追記) VML とは Vector Markup Language の略で、Webページ上で線や円などのベクトル図形を表示するための言語です。IE5.0 以上でサポートされています。Netscape ではサポートされていません。 XMLベースの言語として、1998年5月13日に Microsoft、Macromedia、HP社などから W3C に提案されましたが、そのままは採用されず、Adobe 社の PGML と統合され、2001年9月5日に SVG として勧告されました。将来的には SVG に移行する予定です。「今更 VML・・・」と言われてしまいそうですが、とりあえず、今使える VML について説明します。 ※ このページを IE5.0 以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く