Chart Fuse | Get Started
Embeddable charts for any website Quickly add interactive charts and graphs to a blog post or static web page, 100% free with no user registration. Quickstart Step 1 - Prepare your Data Create a Google Sheet and set the sharing permissions to "anyone with the link can view." Add your data like below, with a header of labels and as many columns and rows as you'd like. (Your data may be single or mu
Gipeda - Gitリポジトリのログを静的HTML化
プログラマーのパフォーマンスを測る一番のツールはバージョン管理のリポジトリを見ることです。コード量を増やせばいいわけではありませんが、日々のコーディング結果が反映されるのは間違いなくリポジトリです。 そこで使ってみたいのがGipedaです。GitHubに限らず、そのコミット歴などを可視化してくれるツールになります。 Gipedaの使い方 Gipedaは静的なHTMLファイルを生成します。 コミット一覧をクリックすると、変更したファイルの内容が分かります。 コミット履歴のグラフ化もできます。 Gipedaはローカルで使えますのでGitHub以外はもちろん、オフラインでも使えるのが利点になります。また、静的なファイルを生成するので任意のサイトにホスティングすることができます。 GipedaはPerl製のオープンソース・ソフトウェア（MIT License）です。 Gipeda itself –
Chartinator
About Chartinator Chartinator - Google Charts made easier and accessible. Description: A jQuery plugin for transforming HTML tables, Google Sheets and js arrays into charts using Google Charts Repository: https://github.com/jbowyers/chartinator Demo: http://chartinator.com Bower: chartinator Requires: jQuery, Google Charts Author: jbowyers Copyright: 2015 jbowyers License: GPLv3 Version: 0.3.10 De
Excelで値をパーセントに変換してグラフにする方法
Excelで値をパーセントに変換してグラフにする方法を紹介します。 １．はじめに 世の中にタブレット端末が増えてきたので、当ブログにアクセスしてくれているデバイス別ユーザー数の年毎の比率を調べてみました。 デバイス別ユーザー数は、Google Analyticsの「ユーザー」→「モバイル」→「サマリー」の desktop（デスクトップ） mobile（モバイル） tablet（タブレット） からそれぞれ取得することができます。 で、2008年～2015年2月までのデータは下記のとおりです。 が、これをグラフにしても年毎のデバイス別ユーザー数が表示されるだけで、比率を確認することはできません。 ということで、値をパーセントに変換してグラフにする方法（というか手順）を紹介します。 よりエレガントな方法があればどこかでつぶやいてください。 ２．値をパーセントに変換してグラフにする 値をパーセント
- aiwsolutions
Aiwsolutions offers Name Card Templates, Restaurant Menu Templates, Graphic Design Templates, Resume Templates, Booklet Templates, Website Templates, Wordpress Theme Templates, Promotion Templates, Catalog Design Templates, Food Menu templates, Drink Menu Templates, Blog Theme Templates, Family Tree Designs, Blog Header Designs, Graphic designs, Label Designs, Product Label Designs... and much mor
tableのデータを元に、棒グラフを生成するjQueryプラグイン・TableBarChart
tableのデータから棒グラフを自動生成するスクリプトのご紹介です。jQueryに依存します。手軽で良かったので備忘録として。 tableに記入されたデータを元にアニメーションエフェクト付きの棒グラフを自動生成する、というもの。以下、動作サンプルです。 tableはマークアップで、棒グラフはそのtableのデータを元に生成されています。 <script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.js'></script> <script type="text/javascript" src="TableBarChart.js"></script>本体とプラグインを読み込みます。 $('#foo').tableBarChart('#bar', '', false);tableとグラフを表示する要素を指定し
jQuery HighchartTable plugin
Ever wanted to convert your HTML data tables into fancy Highcharts graphs? Learn more » Intro We wanted to use Highcharts graph library but with a way to convert automatically our HTML tables containing data into graphs. So we decided to code a jQuery plugin to make this conversion peacefully. And voila, here we are :) Wanna see a demo ? How it works We use HTML5 data-* attributes to specify how t
データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
jQuery HighchartTable plugin
Ever wanted to convert your HTML data tables into fancy Highcharts graphs? Learn more » Intro We wanted to use Highcharts graph library but with a way to convert automatically our HTML tables containing data into graphs. So we decided to code a jQuery plugin to make this conversion peacefully. And voila, here we are :) Wanna see a demo ? How it works We use HTML5 data-* attributes to specify how t
tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://picassojs.com/
Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」