Diagramly - Draw Diagrams Online
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
C3.js | D3-based reusable chart library
Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th
morris.js
Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 2 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 3 <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 4 <script src="//cdnjs.cloudflare.com/ajax/libs/mo
amCharts: customizable free flash charts
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But don’t take our word for it – check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. F
JavaScriptでSVGのレーダーチャートを描画するライブラリ Raphael Radar をつくった - I CAN ’CAUSE I THINK I CAN!
概要 JavaScriptでSVGを描画するライブラリRaphael.jsを使って、 操作可能なレーダーチャートを描画するライブラリ Raphael Radar を作りました。 Raphael Radar は次の2つの機能を持ちます。 レーダーチャートをSVGで表示 レーダーチャートの各軸の値をフォームと対応づけて、インタラクティブに値を選択 (2)の機能は任意で無効化して単純なレーダーチャートとして利用することもできます。 入手と使い方 依存ライブラリ Raphael Radar を使う前に、2つのライブラリをインストールする必要があります。 Raphael.js (1.3.1 以降) jQuery (1.4.2 以降) もしうまく動作しない場合、Raphael.jsとjQueryのバージョンを合わせてみてください。 インストール方法 上記の依存ライブラリをインストール Raphael
20 Fresh JavaScript Data Visualization Libraries
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are plenty of JavaScript librari
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
グラフチャートでスタイリッシュな画像を作成する16のJavaScript【記事紹介】
ただのクリップ記事です。 あとで色々いじってみようと思った記事があったのでご紹介。 簡単にグラフを作成したりするJavaScriptです。 JavaScriptでグラフ生成 16 JavaScript Graph Resources For Creating Stylish Chart こちらの記事。 jQueryを使ったものも混ざってますが、WEBサイト上で、動的にグラフを出力できるようにする為に便利。あとで使えそうなので記事として残しておきます。 個人的に気になったのが2個。 Raphaël―JavaScript Library SVGとVMLを利用する軽量なベクターイメージオペレーティングライブラリ。 画像の回転や反射効果付与、作成まで出来る代物。 jQuery Sparklines 数字を入れるとCanvasでグラフを書いてくれる。デモページのコードを見ればわかりますが、サイト上に
いい感じの図表をサクサク作れるツール「Lovely Charts」 | ライフハッカー・ジャパン
「Lovely Charts」はウェブベースの無料ツールで、フローチャート、サイトマップ、ネットワーク図などの図表を、ドラッグとドロップで簡単に作れます。 このサイトを開いて、数分間でツールの使い方を覚えたら、あとは簡単に使いこなせます。ライフハッカー編集部のジェーソン・フィッツパトリックさんは「上のような図をすぐに作れた！」とのことです。また、このサイトではアイコンのサイズ、ラベル、アイコン同士をつなぐ矢印や線の太さなど、何度でもカスタマイズできます。ただ、１つだけ残念なのは自分で作ったアイコンや、他のサイトから持って来たアイコンをダウンロードして使うことができないこと。 ここで作った図は、JPEGかPNGのファイル方式で保存できます。ただ、「Lovely Charts」は無料のアカウントと、有料のアカウントがあり、無料の場合は作成中の図を保存し、またログインした時に続きから作ることがで
URLだけでグラフ・チャートが作れる『Google Chart API』 | Recently Ajax
いまさらな紹介ですが・・ 投稿が滞っていたので、仕方がありません。。 さて、BlogやWebページ内に各データを掲載するとき、本当は円グラフや折れ線グラフで示した方が分かりやすいようなデータも、作るのが面倒だからというので、表形式になってしまったりします。 しかし、それがURL一つでチャートができあがるとなれば話は別。Googleが実現してくれました。 次のURLを見てください。 »http://chart.apis.google.com/chart?cht=p3&chd=s:cz&chs=250×100&chl=A|B この URLにアクセスすると、冒頭の図のようなグラフが表示されます。このグラフ、上記のURLが呼び出されたときに、その場で生成されているグラフなのです。 その証拠に、URLの最後の「A|B」という箇所を「Item1|Item2」などと書き換えてみてください。グラフのラベ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/07/chart-tool.html
jQuery Plugin Drill Down Charts Exmaples