*

CSVファイルからデータを読み込んで、ヒストグラムを表示する

公開日: : 最終更新日:2016/03/07 D3.js , , ,

クラス別の点数をデータにしたCSVファイルを読み込んで、ボタンをクリックするとほかのクラスの成績表がみれるプログラムをかきます。

サンプルコードの実行結果はこちら

スポンサードリンク

関連記事

D3.js

D3.jsを複数の棒グラフを表示する

前回の記事では、四角形と一本の棒グラフを表示させました。 しかし、データが複数がある場合は、データ

記事を読む

D3.js

D3.jsで外部データを読み込む

前回までは、予めプログラム内に書かれた数値を もとにして棒グラフを表示しました。 実際にD3.j

記事を読む

D3.js

SVGとは

SVGとはScalable Vector Graphicsの頭文字をとったもので、 ベクトルベース

記事を読む

D3.js

汎用的なグラフを作成する

グラフのサイズなど前回の記事では、コード内を色々な箇所を修正しました。毎回それをやると大変なので、修

記事を読む

D3.js

円グラフに数値とテキストを加えてみる

円グラフの中央にテキストを表示する 円グラフの中に文字を表示してみます。円グラフ中央に合計値を表示

記事を読む

D3.js

D3.jsとrect要素を使い四角形を表示する

タイトルの通りD3.jsを使い棒グラフを用意します。 サンプルコードの実行結果はこちら

記事を読む

D3.js

データセットと日付を対応させてみる

前回の記事で、JSON形式のデータを扱ったデータには、折れ線グラフの数値だけではなく、年度のデータも

記事を読む

D3.js

D3.jsのデータと要素の対応

D3.jsがどのようにして読み込んだデータと表示する要素を 対応させているかを書いていきます。

記事を読む

D3.js

読み込んだCSVファイルのヘッダー名が日本語だったら

TSV,CSVファイルのヘッダー名が英語であるとは限りません。 日本語で書かれたりすることもありま

記事を読む

D3.js

ヒストグラムの表示データの範囲を指定

前回のヒストグラムの記事で点数の範囲を10点刻みではなく5点、20点など任意の範囲で表示できるように

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑