mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
ccchart
Github https://github.com/toshirot/ccchart Documents 2016/11/01 Document Automatic extraction version ccchart Reference--Under construction 2013/06/06 v1.06.3 Document Doc v1.06.3 Blog [THE LAST DAY] #ccchart Recommended browser Google Chrome is the fastest for the ccchart. Bugs Bug at bar type in v1.12.03 - v1.12.05 v1.12.03 - v1.12.05 There is a bug that bar starting point position of the falls.
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
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
Dygraphs — main page
⚠ Please visit the official Dygraphs homepage https://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work. dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets. Here's how it works: This JavaScrip
Documentation - JavaScript InfoVis Toolkit
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
それほんとにTable？ Google Chart Toolsでちょっとリッチなグラフを見せよう！ | istis
どーも初めまして！ 入社4年、主にHTML/CSS、Javascriptのコーディングを担当しております、上野と申します。 このブログではサイト実制作で役に立つ情報を発信していければと考えております。 今回は意外と認知されていない便利なGoogleのAPIをご紹介です。 意外と使える「Google Chart Tools」 GoogleのAPIサービスといえばGoogleMapsがよく使われますが、他にも便利なAPIがあるんですよ。 この「Google Chart Tools」もそう。HTMLページに簡単にグラフを表示してくれるとってもナイスなガイです。 これを使えば数字統計データの見せ方はテーブルor画像だけじゃなくなりますね。 これもGoogle Chart Toolsのグラフです → Google Chart Tools Google Chart Tools は大きくわけて3
Peity • progressive <svg> pie, donut, bar and line charts
Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.3.0 Uncompressed 8.8Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
