heatmap.js Dynamic Heatmaps for the Web heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thous
intro この記事は 東京Node学園祭2012 アドベントカレンダー : ATND の 24 日目の記事です。 Socket.IO の 1.0 が、出る出るといって全然出ないので、 やきもきしている方も多いと思います。 しかし、その裏では Engin.IO という、割りと良い感じの ファミリープロジェクトができていて、 ちょうど先日 RealtimeConf でもその話がありました。 これは Socket.IO にも繋がるはなしなので、 今日はその Engine.IO の話をします。 参考はこのへん、 https://github.com/LearnBoost/engine.io https://vimeo.com/52496621 Engine.IO と Socket.IO (と WebSocket.IO) Socket.IO は、 1.0 を視野に入れたあたりで、 関連プロジェクト
AWS News Blog
Amazon SageMaker Geospatial Capabilities Now Generally Available with Security Updates and More Use Case Samples At AWS re:Invent 2022, we previewed Amazon SageMaker geospatial capabilities, allowing data scientists and machine learning (ML) engineers to build, train, and deploy ML models using geospatial data. Geospatial ML with Amazon SageMaker supports access to readily available geospatial dat
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
Tori's Eye
Welcome to Tori's Eye! Tori's eye is a Twitter visualization tool, inspired by papercraft and origami. It's a visual and technical experiment implemented using only standard XHTML/CSS and Javascript. What does it do? Enter a word in the search box and then catch some birds with your mouse to read the tweet they're carrying. Tori's Eye fetches the latest tweets containing the word you input from Tw
foobar2000 Wiki
2025-03-23 更新状況 2025-03-20 サイトへの質問・要望 インストール・日本語化 2024-12-28 FrontPage 2024-12-11 MenuBar 2024-12-09 foobar2000 for Mac 2024-12-06 解説 2024-12-05 Visualization 64bit 2024-11-22 Microsoft Store foobar2000 2024-11-19 foobar2000 v2.x preview Default UI element 64bit 2024-11-10 JScript Panel 3 Script foobar2000 mobile 2024-10-11 RecentDeleted 2024-09-29 DSP 2024-08-25 Input 64bit 2024-08-23 User interf
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
こんにちは。開発部データエンジニアの遠藤です。現在、私はデータ×テクノロジーでZOZOグループのマーケティングを支援するデータチームに所属して、データ処理基盤の運用などに従事しています。 本記事では、Lookerを用いて運用中のデータ集計基盤をきれいなデータをスマートに取り出せる基盤に改良した件について報告します。 データ集計基盤で燻っていた問題 1. クエリ管理の限界 2. 集計定義に対するデータの信憑性が謎 Lookerは何が良い？ ～データガバナンス機能～ LookML データディクショナリ Gitによるバージョン管理 データ集計基盤（改）の設定フロー データ集計基盤（改）でのデータマート更新 まとめ データ集計基盤で燻っていた問題 ZOZOでは、サービスに関するあらゆるデータをBigQueryに集約しています。BigQueryに集約した大量のデータからデータマートとして必要なデータ
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
JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。 システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。 端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。 デザイナーの役割と情報の可視化 デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。 もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用
Show navigation Note: If you prefer watching a presentation over reading articles, then enjoy the video below! If not, skip the video and read on. “The cost of JavaScript” as presented by Addy Osmani at #PerfMatters Conference 2019.One large change to the cost of JavaScript over the last few years has been an improvement in how fast browsers can parse and compile script. In 2019, the dominant cost
Explain Git with D3
We are going to skip instructing you on how to add your files for commit in this explanation. Let's assume you already know how to do that. If you don't, go read some other tutorials. Pretend that you already have your files staged for commit and enter git commit as many times as you like in the terminal box. git branch name will create a new branch named "name". Creating branches just creates a n
GitHub - ripienaar/free-for-dev: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
Brainboard - Collaborative solution to visually build and manage cloud infrastructures from end-to-end. Cloud 66 - Free for personal projects (includes one deployment server, one static site), Cloud 66 gives you everything you need to build, deploy, and grow your applications on any cloud without the headache of the “server stuff.”. Pulumi — Modern infrastructure as a code platform that allows you
Metabase | Business Intelligence, Dashboards, and Data Visualization
Embedded Analytics Fast, flexible customer-facing analytics
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
秋山です。 先日、Google Open Sourceで「Facets」という機械学習向けデータセットの可視化ツールが公開されました。 サイトはこちら opensource.googleblog.com (※Chromeであれば、ブラウザ上でどういったことができるかのデモを触れます。Safariだとうまく動かない？ようなのでご注意ください） GitHubはこちら github.com デモのようにブラウザ上でデータを可視化したり、Pythonライブラリのjupyter内で使ったりすることができます（ブラウザで表示させるかjupyter内で表示させるかだけの違いですが…） 例えば巨大なデータを扱っていて、うまく分離できていないデータ群はどの辺りになるのか…といったことを可視化して眺めたいときなどによさそうなので、実際にちょっと使ってみたいと思います。 ■Facets使ってみた Facetsに
Search and analytics, data ingestion, and visualization – all at your fingertips.
visualising data structures and algorithms through animation - VisuAlgo
VisuAlgo.net/en visualising data structures and algorithms through animation VisuAlgo is a trilingual site. Try visiting the other versions of VisuAlgo other than the default English version, e.g., Chinese or Indonesian. Users can see the translation statistics for these three pages. We aim to make all three has near 100% translation rate. Unfortunately the translation progress with other language
秋の行政事業レビューで心臓CGを「ろう人形館」のような「ものまね」だと慶應教授に批判された件。 | －ズバッと！東大な日々。－ の、その後の日々。
※予想以上の反響でして、下のほうで随時追記しております。 ※（2015/11/22 16:39追記）「秋の行政事業レビュー続編：「研究成果」と「科学の成果」は全く別物であることがわかった件。」を新たに書きました。 2015年11月11日、12日、13日と3日間で秋の行政事業レビューが行われました。政府の行政改革推進本部が、国の事業の検証をするやつです。 超大雑把にいうと、昔話題になった「事業仕分け」的なやつです。 その2日目、12日にはスパコンに関するレビューがありました。私はライブ配信を見ていたわけではなく、後から情報を集めたのですが、どうも引っかかることがあったので書き留めておきます。 まぁ、タイトルの通りなのですが、心臓シミュレータUT-Heartの可視化CGを「ろう人形館」のような「ものまね」だと慶應教授に批判されました。 こちらの映像をご覧下さい。4分24秒からが該当する発言です
Search and analytics, data ingestion, and visualization – all at your fingertips.
20 Fresh JavaScript Data Visualization Libraries とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリが色々と最近になってもリリースされていますね。 サムネイルだけ見ても、JavaScript でやってるの？というような綺麗なものが多いです。すでに紹介したものもあると思いますがご参考までに。 Highcharts gRaphaël JavaScript InfoVis Toolkit JS Charts Bluff Timeline データをビジュアライズしたい際の参考になりそうですね。 関連エントリ JavaScript用のグラフ描画ライブラリ色々
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? (9/2/2014 追記：何故か後編の記事が削除されていましたので、分割後修正して再アップしました。） はじめに この記事は実際に手を動かし、コンピュータを使ってデータ可視化を行う人に向けて一般的なノウハウをお伝えする三回シリーズの第二回です。 前編: 効果的なデータ可視化とはどのようなものか？ 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1 基本原則 後編: Part 2 学習ガイド わかりにくい可視化 昨夜寝る前に気づいたのですが、前回のプログラマ向けのニッチな記事をはてなブックマークのヘッドラインで見かけ
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」
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
AWS News Blog
Amazon SageMaker Geospatial Capabilities Now Generally Available with Security Updates and More Use Case Samples At AWS re:Invent 2022, we previewed Amazon SageMaker geospatial capabilities, allowing data scientists and machine learning (ML) engineers to build, train, and deploy ML models using geospatial data. Geospatial ML with Amazon SageMaker supports access to readily available geospatial dat
2011年3月11日14時46分18.1秒に東北地方太平洋沖地震が発生しましたが、3月11日から翌日3月12日までの東京都における人の流動を携帯電話のGPSデータを元に光の流れで再現したムービーがYouTubeで公開されています。 混雑統計データ(R)による東日本大震災当日の人々の流動状況 - YouTube 3月11日、朝の4時すぎの人の流れはこんな感じ。画面は暗く、わずかに光の流れが確認できる程度。 6時になると少しずつ光の流れが見えてくるようになりました。 8時20分、ラッシュ時とあって光の量は最高潮に。 11時15分。ちょっと落ち着きました。 14時10分。お昼をすぎると少し人の流れが増します。 そして地震の起こった14時46分18秒から22秒経過後の14時46分40秒。この時はまだ特に変化なし。 14時48分。地震発生から2分経過し、この頃から光の流れが目にみえて弱くなっていきま
Improving web application performance is more critical than ever. The share of economic activity that’s online is growing; more than 5% of the developed world’s economy is now on the Internet (see Resources for Internet Statistics below). And our always‑on, hyper‑connected modern world means that user expectations are higher than ever. If your site does not respond instantly, or if your app does n
プログラミングメモJavaJava-tipseclipseのインストール(Eclipse 3.7 Indigo編)JavaのリフレクションJavaとSQLiteデータベース参照型変数と値が未定義の変数とnullと空文字==とequalsメソッドの違い。イニシャライザ(initializer) ― staticイニシャライザとインスタンスイニシャライザネストした型-内部クラス（インナークラス）（１）ネストした型-内部クラス（インナークラス）（２）ネストした型-内部クラス（インナークラス）（３）-内部クラス，外部クラスへのアクセス匿名クラス（無名クラス）とイベントリスナー定数と初期化配列の初期化SAStrutseclipseにSAStrutsのプラグインをインストールチュートリアルのセットアップSAStrutsの新しいプロジェクトを作成する最初に起動されるアクションIndexActionクラス
人工知能やデータ解析の領域で、膨大な量のデータから、物体概念（物体識別）や音声・体の運動スキーマ概念を自動的・自律的に獲得できる可能性をもった手法として、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
GPT-4やLlama、Claudeといった大規模言語モデルは、2017年にGoogleの研究者が発表した「Transformer」というフレームワークの上に構築されています。このTransformerをベースにしたAIモデルがどのように機能するのかを視覚化したツール「Transformer Explainer」が、ジョージア工科大学のPolo Club of Data Scienceによって公開されています。 Transformer Explainer https://poloclub.github.io/transformer-explainer/ Transformer Explainerの見方は、以下のムービーを見ると一発でわかります。 Transformer Explainer: Learn How LLM Transformer Models Work - YouTube Tr
Unix Magazine「インターフェイスの街角」
Unix Magazine「インターフェイスの街角」関連資料 掲示板 2006年4月号 「写真の位置登録」 2006年3月号 「マイ認証」 2006年2月号 「索引ナビゲータ」 2006年1月号 「Greasemonkeyによるブラウザ機能の拡張」 2005年12月号 「本棚演算」 2005年11月号 「Rindaで実世界指向プログラミング」 2005年10月号 「並べる! 技術」 2005年9月号 「TV番組の検索と録画予約システム」 2005年8月号 「位置情報からの検索」 2005年7月号 「逆リンクと兄弟リンク」 2005年6月号 「携帯から位置情報を活用」 2005年5月号 「Ajax」 2005年4月号 「Phidgetsシステム」 2005年3月号 「ファイルシステムによる階層型データの管理」 2005年2月号 「最近の画像認証」 2005年1月号 「位置コミュニケーション」
Learn Git Branching
An interactive Git visualization tool to educate and challenge!
こんにちは、らくからちゃです。 ここ最近、仕事が忙しくてブログを更新する暇もございません(´Д⊂ｸﾞｽﾝ たまには息抜きで何か書いてみようかなーと思ったのですが、さくっと書きやすいのはお仕事の話なので、そんな話でも（息抜きになるのか・・・？） 弊社では、主に製造業様向けに業務システムの導入を行っております。最近はやりのキーワードですと、IoTとかビッグデータとか、あと『見える化』なんてキーワードがもてはやされた時期もありました。 弊社でも、ご多分に漏れず工場の色んな機械の稼働データをリアルタイムに収集して、次の経営戦略への一手が打てる！！なんてウリ文句で『見える化システム』の営業活動をしておりましたが、実際のところ何が出来るのん？というと、各設備の稼働状況を吸い上げて、グラフィカルに表示するところまでです。 吸い上げたデータをどう活用して、どのように改善に繋げていくのかはお客様次第なので、
Inspirational Passage of the Day This study is based on the measurement and reporting systems. In connection to the healthcare information quality, studies have been conducted in the previous period with an aim of identifying the integration of various strategies with the instruction based on the computer for the improvement of the medical students learning. Based on these studies, the generation
Python Tutor code visualizer: Visualize code in Python, JavaScript, C, C++, and Java
Python Tutor: Visualize Code and Get AI Help for Python, JavaScript, C, C++, and Java Python Tutor is designed to imitate what an instructor in an introductory programming class draws on the blackboard: Instructors use it as a teaching tool, and students use it to visually understand code examples and interactively debug their programming assignments. Quick links: Documentation and unsupported fea
分かりやすい資料を作るための図・グラフのアイデア集【エクセル・パワーポイントでもできる図表集】 - LITERALLY
良い資料とは、次の条件を満たしたものだ。 背景から結論までの流れまでが自然で説得力のある資料 相手がすんなり理解できるレベルを保ちながらも、限界まで文字数を削った資料 見た瞬間に何を示しているのか分かる、適切な図表を載せた資料 とくに「3」の図表は、資料の説得力を大きく左右する。図表のクオリティーだけで、相手の納得度合いは大きく変わってくる。口頭で説得してもイエスと言ってくれない内容であっても、図表によりそれらしく見せれば相手がすんなりイエスと言ってくれる、なんてことはよくある。大半の相手は、資料のそれらしい視覚表現とそれらしいストーリーラインでねじ伏せられる。 では、資料で巧く視覚表現するにはどうしたらよいのか。簡単だ。表現のレパートリーのストックをたくさん持っておき、その中からその都度最適なモノを探し出すのだ。自分でイチから考えようとする必要はない。良い表現を真似る。これに限る。 この
marumushi.com | hello
Update: Jan 20, 2012 My appologies for not updating this site lately. Flipboard has been keeping me a little busy. I'll try to work something out here soon, but in the meantime, you might want to say hello on Twitter, browse through a few photos here or peek into what it is like designing Flipboard. Marcos Weskamp is a Design Engineer who has a deep interest in playing with and visualizing lots of
データビジュアライゼーションの美
データビジュアライゼーションの美 (TEDTalks) David McCandless / 青木靖 訳 2010年7月 私たちは過剰な情報に苛まれているように感じています。でも簡単な解決法があるのかも。それはもっと目を使うことです。情報の可視化というのは、重要なパターンや関連を見えるようにし、情報にデザインを与えることで、意味が引き立ち、ストーリーが伝わり、重要な情報だけに集中できるようにします。そうできないなら単に小奇麗な見かけにすぎません。 例を見てみましょう。これは「ビリオンダラーグラム」です。この画像は、メディアの伝える何億ドルがどうのというニュースへの苛立ちから生まれました。そういう数字は文脈なしには意味がありません。パイプラインに5千憶ドル。戦争に2百億ドル。ピンときません。分かるための唯一の方法は、可視化と相対化です。それで私はたくさんのデータを様々な情報源から集め、額
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dynamic Heatmaps for the Web
Engine.IO からみる Socket.IO の今後 - Block Rockin’ Codes
GoAccess - Visual Web Log Analyzer
How To Enable HTML5 In Chrome | Robots.net
データ集計基盤の改善でLooker導入に至ったワケ - ZOZO TECH BLOG
30 Pure CSS Alternatives to JavaScript – Speckyboy
ダッシュボードで上手に情報を可視化するためのガイドライン
The cost of JavaScript in 2019 · V8
機械学習のデータセットを可視化する「Facets」で遊んでみた -
Kibana: Explore, Visualize, Discover Data | Elastic
Elasticsearch Is Open Source. Again!
とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々:phpspot開発日誌
プログラマーが効果的な可視化を作成する （中編） - Qiita
tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
The State of JavaScript 2019
3.11の都心における人の流動を光の流れで再現したら東京から光が消えた
10 Tips for 10x Application Performance
eclipseのインストール(Eclipse 3.6.0 Helios編) - 愚鈍人
Deep Learning の次は、TDA 「トポロジカル・データ・アナリシス」 (Topological data analysis) が来る ? ～ その概要と、R言語 / Python言語 実装ライブラリ をちらっと調べてみた - Qiita
大規模言語モデルの仕組みが目で見てわかる「Transformer Explainer」
『見える化』とは『見せる化』『見られる化』である - ゆとりずむ
Brightkite Universe - brightkite.com