IO Domains in Alexa Top 1 Million | techslides.com
IO domains have become increasingly popular in recent years, especially with the rise of the Internet of Things (IoT) and the need for online presence. In this essay, we will explore IO domains in the Alexa Top 1 Million, analyzing their prevalence and significance in the online world. To begin, it is important to understand what IO domains are. IO domains are top-level domain names that end with
参議院の議席の流れをsankey-diagramで可視化する - 盆栽日記
元ネタはこちら http://timelyportfolio.blogspot.jp/2013/07/all-my-roads-lead-back-to-financepimco.html google analyticsでも「ユーザーフロー」に使われているsankey-diagramという可視化手法がある。 http://en.wikipedia.org/wiki/Sankey_diagram で、d3.js関連の可視化をがしがし実装してくれているtimelyportfolioの人がそれも実装していた。 早速試してみる。 library(rCharts) # 事前に↓をzipで落として展開しておく # https://github.com/timelyportfolio/rCharts_d3_sankey # 展開した場所に移動しておく setwd("/hoge/rCharts_d3_s
Rで解析：インタラクティブなTreeMapを作成「d3treeR」パッケージ
D3.jsライブラリを使用したインタラクティブなTreeMapを作成するパッケージの紹介です。D3.jsライブラリはデータの表現にかなり有用だと思います。 ・「TreeMap」パッケージの紹介 https://www.karada-good.net/analyticsr/r-127/ D3.jsライブラリを使用した他パッケージの記事を紹介です。 ・「functionplotR」パッケージ https://www.karada-good.net/analyticsr/r-352/ ・「scatterD3」パッケージ https://www.karada-good.net/analyticsr/r-130/ ・「d3heatmap」パッケージ https://www.karada-good.net/analyticsr/r-122/ からだにいいものでは、他のインタラクティブなパッケージを紹介
Rで解析：インタラクティブなヒートマップ！D3.jsを利用した「d3heatmap」パッケージの紹介
ヒートマップをインタラクティブに操作する「d3heatmap」パッケージがリリースされました。本パッケージのメインコマンド”d3heatmap”はgplotsの「heatmap.2」コマンドと多くが共通しているので、これらパッケージの使用経験があるとすぐに使いこなせると思います。 ためしに本パッケージより「400*50の20,000データ」を出力したところ、多少のモタつきはありますがぐりぐり動きました。サーバー経由でなければ一般的な使用方法には十分かと思います。なお、距離の計算は搭載メモリに依存しますのでデータ数は使用環境により異なります。 また、紹介する出力結果は利便性を考えて「50*10の500データ」としています。最下部に表示しています。ぐりぐり動かしてみてください。 Rを使用し始めたころから考えると、これほど多くのインタラクティブな結果を出力するパッケージがリリースされるとは思って
Rで解析：JavaScript D3.jsで地形データを動的操作！「exCon」パッケージの紹介
最近、JavaScriptライブラリのD3.jsを利用したRのパッケージが多い気がします。紹介するパッケージは地形データをブラウザでインタラクティブに表示する「exCon」パッケージです。 パッケージのバージョンは0.2.5、R version 4.2.2で確認しています。 パッケージのインストール下記コマンドを実行してください。 #パッケージのインストール install.packages("exCon")実行コマンドの紹介下記コマンドを実行してください。詳細はコメントまたはパッケージヘルプを確認してください。 #パッケージの読み込み library("exCon") #データ例の作成 TestData <- matrix(sample(1:1000, 100, replace = TRUE), 10, 10) #プロットコマンド #参考:MACでbrowser = "/usr/bin/
NHK衆院選2014データマップ
※「相対得票率」は、得票数を「有効投票数」で割った数値、「絶対得票率」は得票数を「有権者数」で割った数値です。 ※無効票率は、各候補者の得票数と投票者数をもとに計算しました。
C3.jsが実現する，学習不要のグラフ機能
JavaScriptチャートライブラリのC3.jsは，同じようなツールに溢れる大海に現れた新顔だ。D3可視化ライブラリ上に開発されたこのライブラリでは，再利用性のあるグラフの開発が可能だ。作成したグラフは，画面表示後の操作にも対応する。 C3を使ったグラフの開発は，単にgenerate関数にオブジェクトリテラルを渡すだけ，という簡単なものだ。 var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 130, 100, 140, 200, 150, 50] ], type: 'spline' } }); (画像をクリックして拡大) ドキュメントは充実しているとは言い難いが，提供されているサンプルコードはC3の機能を十分に表現している。グラフオブジェクトには，デ
Making a bar chart in d3.js
A bar chart is a visual representation using either horizontal or vertical bars to show comparisons between discrete categories. There are a number of variations of bar charts including stacked, grouped, horizontal and vertical. There is a wealth of examples of bar charts on the web, but I would recommend a visit to the D3.js gallery maintained by Christophe Viau as a starting point to get some id
Bar Chart, Horizontal
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out. Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R. Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects ar
DATA GO JPで公表されている苔の絶滅危惧種を R + d3.js で可視化してみた - 君たちは永遠にそいつらより若い
Day 24: d3.js Advent Calendar 2013 こんにちは。くてけんです。うかうかしていて、サンフランシスコ時間での投稿になりました。 4,5日前に政府のデータカタログサイトの試行版として、DATA GO JP(http://www.data.go.jp/)がリリースされました。これはナイスタイミング！ということで、このDATA GO JPで公表されているデータを使って、R + d3.js でデータ可視化を行ってみました。 今回の流れ DATA GO JP から使用するデータセットを選ぶ R でデータ整形 d3.js でビジュアライゼーション DATA GO JP から使用するデータセットを選ぶ こちらからデータセットが検索できますが、まずJSONデータは無いので、CSVをターゲットに検索し、今回扱うデータを決めます。 http://www.data.go.jp/da
D3.jsで作成したグラフ(SVG)を画像として保存する - Tech-Sketch
先日公開した D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう の記事ではD3.jsをつかってグラフを作成しました。本記事ではD3.jsで作成したSVG形式のグラフをPNG形式の画像として保存する方法をご紹介します。 D3.jsにはCSVやJSONなど 様々なデータ形式を扱う為の便利なメソッド が用意されており、アプリケーションへの組み込みが容易です。しかしアプリケーションへの組み込みとなると、「X月X日の状態のグラフを保存しておきたい」、「グラフを資料に添付したい」といった要望も出てくるのではないでしょうか。 単純に画面のスクリーンショットを取得する以外では Phantom.js を利用してキャプチャを取得する方法や Apache Batik を利用してSVGを変換する方法などが考えられましたが、クライアントサイドだけで完結しない上、実装が少々手間です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
heatmaply: interactive heat maps (with R) | R-bloggers
dimple charts for R | R-bloggers
D3.js例文辞典
Dot bar chart
d3-generator.com
http://christopheviau.com/d3list/
data.json
mbostock’s gists