Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TOPICS Web , Database , HTML/CSS , JavaScript 発行年月日 2015年10月 PRINT LENGTH 396 ISBN 978-4-87311-746-1 原書 Data Visualization with JavaScript FORMAT PDF JavaScript、HTML、CSSといったWeb開発者が日頃使い慣れている技術を使って、効果的で印象的なグラフの作成方法をチュートリアル形式で説明しています。さまざまな可視化手法の中から、データをより効果的に魅せるには、どの表現方法がよいのか、どのような技術が必要なのかを解説します。基本的なグラフから、樹形図、ヒートマップ、ネットワークグラフ、ワードクラウド、時系列グラフ、地理情報、複合グラフなど、ステップバイステップで徐々に機能を追加したり改善を加えながら高機能かつインパクトのあるインタラ
横浜F・マリノスユース同期6人による新たな挑戦「ROOTS.」。新時代に適応するアスリートに必要な素質とは。
今回は前回作った折れ線グラフに棒グラフを追加しようと思います。 前回作成した折れ線グラフはこんな感じです。(ソースは「HighchartsSample1.zip」を参照) 作りたいグラフはこんな感じの、折れ線グラフと棒グラフが混在したものです。 (1) 2番目のY軸の追加 2番目のY軸として、電力使用量をグラフの右側に表示します。javascriptのyAxis部分を変更します。 yAxis: [{ title: { text: ‘節電率(%)’ } }, { title: { text: ‘電力使用量(万KW)’, style: { color: ‘#89A54E’ } }, opposite: true }], ポイントとしては、「opposite: true」の部分です。これを指定しないとグラフの右側にラベルが表示されません。 ブラウザで表示します。ちゃんと右側にラベルが表示されてい
Javascriptできれいなグラフがかけるライブラリ Highcharts JSサイトにグラフを表示したい!というときは、Highcharts JS はいかがでしょうか。 Highcharts JSは、javascriptで実装された、グラフを描画するための、ライブラリです。 棒グラフや、線グラフなどなど、いろいろなグラフを簡単にブラウザ表示することができます。 非営利目的であれば、Freeのようですよ。 http://www.highcharts.com/ <基本的な使い方> 1.javaScriptを読み込む。 まずHighchartsとjQueryのjavaScriptを読み込みましょう。 <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=“text/javascri
データ可視化のために作成されたJavaScriptベースのツールキット、「D3.js」の概説書です。D3の基礎となる、データセットの文脈によってコンテンツの要素を取扱う方法を学びます。ニューヨーク都市交通公社(MTA)の公開している実データに基づいて、HTML、Canvas、SVGを使った、豊富でグラフィカルなビジュアライゼーションの方法を知ることができるでしょう。なお本書はEbookのみの販売となります。 まえがき 1章 はじめに D3 基本設定 ニューヨーク都市交通公社のデータセット 2章 Enterセレクション シンプルな地下鉄路線状況表示盤を作成する プラザの1日平均交通量のグラフを作成する 3章 スケールと座標軸と折れ線グラフ バスの故障、衝突や人身事故 回転式ゲートの交通量をグラフ化する 4章 インタラクションとトランザクション 地下鉄の定時運行率の評価UIその1――インタラク
HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く