Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
さまざまなデータを地理空間情報として重畳する上で有用なPythonのライブラリであるGeoPandas。前編ではGeoPandasを用いたデータの描画方法など基礎的な扱い方を紹介し、後編では衛星データと組み合わせて解析結果を可視化する方法を紹介します。 Pythonで地理空間情報を行う場合、GeoPandasの使い方を覚えておくととても便利です。 例えば、都道府県別の気象データを持っていたとします。そのテーブルデータ(csv)には地理情報と言えば、都道府県の名称くらいしかありません。このような場合、これを日本地図の上に重畳して可視化することはできません。 しかし、このデータに地図上に描画できる情報を与えることさえできれば、好きなデータを地図の上に重ねることができます。このようなことをしたい場合に、GeoPandasの使い方を知っておけば助けになります。 今回は、簡単な例を通じて、GeoPa
Python ユーザでも『データ可視化入門』で練習できるようにパッケージを作った + Plotnine との互換性ガイド - ill-identified diary
概要 pysocviz が提供する機能 ggplot2 と同じようにできないところとその対策 aes() にクオートされてない変数を指定できない R のように改行できない ggplot2 で使えた色名が使えない ggplot2 で使えた linetype が使えない 文字化けの回避 ggrepel パッケージの利用 scales::percent などの単位・スケール指定 テーマや色パレットのプリセットを変更したい場合 subtitle/caption が表示されない 複数のグラフを連結できない hjust/vjust が使えない グラフ内の図形やテキストの大きさのバランスがおかしい geom_smooth/stat_smooth で一般化加法モデル (GAM) による平滑化ができない geom_quantile の method 指定ができない geom_smooth/stat_smoo
Mini Tokyo 3D
A real-time 3D digital map of Tokyo's public transport system. This data visualization was produced by Akihiko Kusanagi.
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
情報を可視化すると人に伝わりやすく、また強く印象に残すことも可能です。そのためプレゼンテーションにおけるチャートやグラフは非常に重要になってきますが、一歩間違えば情報を分かりにくく、最悪の場合、間違った理解を見ている人に与えてしまいます。そこで、HubSpotがチャートやグラフのデザインなどプレゼン資料を飛躍的に見やすくするポイント10個を公開しています。 Why Most People's Charts & Graphs Look Like Crap http://blog.hubspot.com/marketing/data-visualization-mistakes Why Most People's Charts and Graphs Look Like Crap http://visage.co/peoples-charts-graphs-look-like-crap/ ◆01
Welcome to the official MongoDB Documentation. Whether you're a developer, database administrator, or just starting your journey with MongoDB, our documentation provides you with the information and knowledge needed to build applications on MongoDB and the Atlas developer data platform. MongoDB Atlas → Run MongoDB on a multi-cloud developer data platform that accelerates and simplifies working wit
科学技術情報分析の面白さ
下記のイベントで講演した資料です。私はDay 1に「科学技術情報分析の面白さ」というテーマで発表しました。 データ可視化ショーケースイベント Data Visualization meetup 2021 https://peatix.com/event/3120368 「データ可視化研究の…
2017 明治安田生命 J1リーグ 優勝 川崎フロンターレ 【公式】川崎フロンターレ初優勝の瞬間！！2017明治安田生命 Ｊ１リーグ 最終節、逆転でのリーグ初優勝を果たした川崎フロンターレの歓喜で幕を閉じた2017シーズンのJ１リーグ。 まだ天皇杯が残っていますが、ひとまず今シーズンの戦いは終わりました。 昨年と同様、この時期に今シーズンのデータのまとめをやっておこうと思います。 前半戦振り返り、そして昨季のまとめエントリをトレースした格好にはなりますが、お付き合いください。 football-data-visualization.hatenablog.com football-data-visualization.hatenablog.com データはご覧の提供でお送りします。 www.football-lab.jp 【図１】パス成功率 × ボール支配率 の散布図 まず通例のパス成功率→
860+ Free Online Programming & Computer Science Courses You Can Start This New Year
By Dhawal Shah Twelve years ago, universities like Stanford and MIT opened up free online courses to the public. Today, over 1,200 schools around the world have created thousands of free online courses. To welcome the new year, I’ve compiled this list of 860+ such free online courses that you can start right now. For this, I leveraged Class Central’s database of over 100,000 online courses. When a
このブログを書いてる経緯 rust.tokyo 楽しみ！絶対行く！といってたのに申込みを忘れたところ、じゃあスタッフとしてブログを書けという話になったので、ブロガー枠？らしく感想を書きます。とはいえ書けるのは見たやつだけです。 https://rust.tokyo/sessions# 前提 自分は低レベルプログラミングは詳しくないです。年に3日ぐらい思い出したように Rust 勉強することがある。 wasm 周りのエコシステムはずっと追ってる。 会場の雰囲気 組み込み勢とブロックチェーン勢が多そうな気配を感じた。 Visualization of mechanical CAD drawings using WebAssembly and WebGL Aki / CADDi (発表資料見つからず) 概要 Computer aided design (CAD) models used in m
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
NYタイムズも注目！「データ×デザイン」を実現するデータビジュアリゼーション ライブラリ「d3.js デザイン会社 ビートラックス: ブログ
世界中でデータがどんどん増えていく中でデータをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中のデータをビジュアライズする為の「d3.js」というライブラリがあります。 本日はこの「データｘデザイン」をwebサイト上で実現する為のjavascriptライブラリ”d3.js”について紹介したいと思います。 このライブラリを使うことで、今までなかなか難しくてできなかったウェブ上での「データの可視化」が手軽にできるようになり、複雑なデータを直感的に理解できるようなサイトが作りやすくなります。早速ですがこのd3.jsというものがどういうものかをなんとなく感じるには実際に動いているデモを見て頂くのが早いので以下をご覧下さい。 オバマ大統領の国家予算案詳細 (
Here is an uncategorized list of online programming books available for free download. The books cover all major programming languages: Ada, Assembly, Basic, C, C#, C++, CGI, JavaScript, Perl, Delphi, Pascal, Haskell, Java, Lisp, PHP, Prolog, Python, Ruby, as well as some other languages, game programming, and software engineering. The books are in various formats for online reading or downloading
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
推薦システムのアルゴリズム
Algorithms of Recommender Systems ⟨ http://www.kamishima.net/ ⟩ Release: 2016-09-26 21:53:16 +0900; 9645c3b i 2007 11 [ 07] 2008 1 [ 08a] 2008 3 [ 08b] 3 (1) (3) GitHub https://github.com/tkamishima/recsysdoc TYPO GitHub pull request issues I II III IV V ii J. Riedl J. Herlocker GroupLens WWW iii 𝑥 𝑋 𝐱 𝐗 𝑥 𝑦 𝑋 𝑌 𝐱 𝐲 𝑛 𝑚 {1, … , 𝑛} {1, … , 𝑚} 𝑦 𝑦 𝑥 x 𝑎 𝑟𝑥𝑦 𝑥 𝑦 ̄ 𝑟𝑥
Transformer Explainer: LLM Transformer Model Visually Explained
What is a Transformer? Transformer is a neural network architecture that has fundamentally changed the approach to Artificial Intelligence. Transformer was first introduced in the seminal paper "Attention is All You Need" in 2017 and has since become the go-to architecture for deep learning models, powering text-generative models like OpenAI's GPT, Meta's Llama, and Google's Gemini. Beyond text, T
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開発者が日頃使い慣れている技術を使って、効果的で印象的なグラフの作成方法をチュートリアル形式で説明しています。さまざまな可視化手法の中から、データをより効果的に魅せるには、どの表現方法がよいのか、どのような技術が必要なのかを解説します。基本的なグラフから、樹形図、ヒートマップ、ネットワークグラフ、ワードクラウド、時系列グラフ、地理情報、複合グラフなど、ステップバイステップで徐々に機能を追加したり改善を加えながら高機能かつインパクトのあるインタラ
Textures.js
SVG patterns for Data Visualization Textures are useful for the selective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .attr("r", radius) .style("fill", t.url()); Lines
本日12月1日より、プログラマやエンジニア、企業、学生、団体などの有志による2015年の技術系Advent Calendar（アドベントカレンダー）が各所ではじまり、一日目を担当する人の記事が公開されてきている。 一般的なAdvent Calendarは、12月25日のクリスマスを楽しみに待つために、12月1日から24日までのカレンダーの日付それぞれの部分が扉になっており、1日ずつその日の日付の部分を開くと天使や動物の絵などが見えるという仕組みになっている（もちろん、様々なバリエーションがある）。 これに発想をえて、技術系Advent Calendarでは基本的に、12月1日から25日までの25日間、特定のプログラミング言語縛りなどの緩やかなルールで、毎日別の人（日付を埋めるために同じ人が複数回担当することもある）が自分のblog等にて記事を書くという形式になっている（特設サイトを用意
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
【総計５万はてブ！】QiitaのAdvent Calendarのはてブ数をNode.jsで集計してRactive.jsで表示する
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 総はてブ数: 50,681 総記事数: 3,818/5,350 テーマ数214 【完走✕】1位 Git はてブ数合計: 2018, 記事数: 22 【完走○】2位 Vim はてブ数合計: 1887, 記事数: 25 【完走✕】3位 クローラー／スクレイピング はてブ数合計: 1759, 記事数: 24 【完走✕】4位 Yahoo! JAPAN Tech はてブ数合計: 1700, 記事数: 22 【完走○】5位 Pepabo はてブ数合計: 1622, 記事数: 25 【完走○】6位 Webアプリエンジニア養成読本 はてブ数合計: 14
Transform Your Data Into Powerful Visuals, Fast and Free! Welcome to ChartGo – Your Ultimate Graph Creation Tool! For over 15 years, we've helped millions create beautiful, customizable graphs with ease. ChartGo is designed to be user-friendly, fast, and 100% free, making graph creation & visual data representation accessible to everyone. Ready to dive in and skip the details? Start with our handy
What is it? GoAccess is an open source real-time web log analyzer and interactive viewer that runs in a terminal in *nix systems or through your browser. It provides fast and valuable HTTP statistics for system administrators that require a visual server report on the fly. Why GoAccess? GoAccess was designed to be a fast, terminal-based log analyzer. Its core idea is to quickly analyze and view we
With all the cool things that surround JavaScript (especially with jQuery), it’s easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all are dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they groundbreaking. What they do offer is CSS solutions to what would trad
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
free-programming-books/free-programming-books.md at master · EbookFoundation/free-programming-books · GitHub
Removal of "Learn Python in Y Minutes" from free-programming-books.md and addition to free-programming-cheatsheets.md Co-authored-by: Eric Hellman <eric@hellman.net> Index ABAP Ada Agda Alef Android APL Arduino ASP.NET Assembly Language Non-X86 AutoHotkey Autotools Awk Bash Basic BETA Blazor C C# C++ Chapel Cilk Clojure COBOL CoffeeScript ColdFusion Component Pascal Cool Coq Crystal CUDA D Dart DB
Visualizing Algorithms
The power of the unaided mind is highly overrated… The real powers come from devising external aids that enhance cognitive abilities. —Donald Norman Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are
Metabase | Business Intelligence, Dashboards, and Data Visualization
Embedded Analytics Fast, flexible customer-facing analytics
20 Fresh JavaScript Data Visualization Libraries とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリが色々と最近になってもリリースされていますね。 サムネイルだけ見ても、JavaScript でやってるの？というような綺麗なものが多いです。すでに紹介したものもあると思いますがご参考までに。 Highcharts gRaphaël JavaScript InfoVis Toolkit JS Charts Bluff Timeline データをビジュアライズしたい際の参考になりそうですね。 関連エントリ JavaScript用のグラフ描画ライブラリ色々
We were pretty sure 2018 would be the last time we did this survey. After all, the JavaScript ecosystem can’t very well keep changing again, can it? But what do you know, turns out JavaScript isn’t quite done changing just yet! And so after over 21,717 respondents took this year's survey we had to dig up our components and charts, curse us-from-a-year-ago for writing such crappy code, and get to w
人工知能やデータ解析の領域で、膨大な量のデータから、物体概念（物体識別）や音声・体の運動スキーマ概念を自動的・自律的に獲得できる可能性をもった手法として、Deep Learning（ディープ・ラーニング、「深層学習」）と総称される手法が注目を集めています。 こうした中、一部の研究者やベンチャー企業の経営者・エンジニアの中には、このDeep Learningのさらに先をいくデータ解析手法として、TDA：トポロジカル・データ・アナリシス (Topological data analysis) と呼ばれる手法に着目している方たちがいるようです。 Deep Learningと同じく、人間が脳を使って、五感で得た周囲や自分の体についての感覚情報から、どのようにして周囲の環境空間に対する認識イメージや、物体概念、みずからの身体概念を得ているのか？という「問い」に対して、統計学や確率論のアプローチではな
data visualization & visual culture - information aesthetics
The requested page could not be found. Call-time pass-by-reference has been deprecated
分かりやすい資料を作るための図・グラフのアイデア集【エクセル・パワーポイントでもできる図表集】 - LITERALLY
良い資料とは、次の条件を満たしたものだ。 背景から結論までの流れまでが自然で説得力のある資料 相手がすんなり理解できるレベルを保ちながらも、限界まで文字数を削った資料 見た瞬間に何を示しているのか分かる、適切な図表を載せた資料 とくに「3」の図表は、資料の説得力を大きく左右する。図表のクオリティーだけで、相手の納得度合いは大きく変わってくる。口頭で説得してもイエスと言ってくれない内容であっても、図表によりそれらしく見せれば相手がすんなりイエスと言ってくれる、なんてことはよくある。大半の相手は、資料のそれらしい視覚表現とそれらしいストーリーラインでねじ伏せられる。 では、資料で巧く視覚表現するにはどうしたらよいのか。簡単だ。表現のレパートリーのストックをたくさん持っておき、その中からその都度最適なモノを探し出すのだ。自分でイチから考えようとする必要はない。良い表現を真似る。これに限る。 この
データビジュアライゼーションの美
データビジュアライゼーションの美 (TEDTalks) David McCandless / 青木靖 訳 2010年7月 私たちは過剰な情報に苛まれているように感じています。でも簡単な解決法があるのかも。それはもっと目を使うことです。情報の可視化というのは、重要なパターンや関連を見えるようにし、情報にデザインを与えることで、意味が引き立ち、ストーリーが伝わり、重要な情報だけに集中できるようにします。そうできないなら単に小奇麗な見かけにすぎません。 例を見てみましょう。これは「ビリオンダラーグラム」です。この画像は、メディアの伝える何億ドルがどうのというニュースへの苛立ちから生まれました。そういう数字は文脈なしには意味がありません。パイプラインに5千憶ドル。戦争に2百億ドル。ピンときません。分かるための唯一の方法は、可視化と相対化です。それで私はたくさんのデータを様々な情報源から集め、額
Maps Mania
World Population Flags is a Dorling cartogram in which country flags are sized by population. The cartogram is used to visualize where people live around the world and the relative size of each country's population. A Dorling cartogram is a thematic map that is used to visualize quantitative data. On a Dorling cartogram areas are represented by circles rather than their actual geographic boundarie
python での線形代数
python での行列・ベクトル数値計算 python で行列ベクトル演算が可能です。でも、実際に行列ベクトル計算をしようとしたとき戸惑わされました。python での行列ベクトル演算について手頃な解説がありませんでした。コード例も殆どなく、試行錯誤で使う必要がありました。回り道をしました。特に Matrix と array の使い分けに戸惑いました。結論は「慣れるまでは Matrix を使わずに array の範囲だけで使っとけ。」です。慣れた後でも Matrix を使うメリットは限られます。array だけで済ましたほうが余分なことを考えずに済みます。 このような遠回りをすることなく python での数値計算を手っ取り早く始められるようにように、この Web page を書きました。C 言語や数値計算についての素養はあるが python は使い始めの方、早急に行列 ベクトル演算を行う
Presentation Zen
A couple of years ago, I was asked back to the TEDxKyoto stage to give a few words regarding tips from storytelling as they relate to modern presentations. The 15-minute talk can be viewed below. The title of the talk is "10 Ways to Make Better Presentations: Lessons from Storytellers." But as I say early in the presentation, perhaps a better subtitle would be "Lessons from watching too many Pixar
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How To Enable HTML5 In Chrome | Robots.net
地理空間情報を扱うなら知っておきたいPythonライブラリ、GeoPandas入門~基礎編~ | 宙畑
How To Enable HTML5 In Chrome | Robots.net
How To Enable HTML5 In Chrome | Robots.net
チャートやグラフを飛躍的に分かりやすくするシンプルなポイント10個
MongoDB 3.0.8 is released - MongoDB Blog
【Jリーグ】2017年のJ１リーグをデータでまとめてみました ～チームスタッツ編～ - サッカーをデータで視てみよう
rust.tokyo のまとめ・感想 - mizchi's blog
Free Programming Books
JavaScriptによるデータビジュアライゼーション入門
本日12月1日より、2015年の技術系Advent Calendarが各所ではじまる | gihyo.jp
How To Enable HTML5 In Chrome | Robots.net
ChartGo - Create Charts Online Fast, Easy and Free
GoAccess - Visual Web Log Analyzer
30 Pure CSS Alternatives to JavaScript – Speckyboy
How To Enable HTML5 In Chrome | Robots.net
とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々:phpspot開発日誌
The State of JavaScript 2019
Deep Learning の次は、TDA 「トポロジカル・データ・アナリシス」 (Topological data analysis) が来る ? ～ その概要と、R言語 / Python言語 実装ライブラリ をちらっと調べてみた - Qiita
How To Enable HTML5 In Chrome | Robots.net