[B! visualizer] aikeのブックマーク

aike id:aike

visualizerに関するaikeのブックマーク (32)

Fundamentals of Data Visualization
Welcome This is the website for the book “Fundamentals of Data Visualization,” published by O’Reilly Media, Inc. The website contains the complete author manuscript before final copy-editing and other quality control. If you would like to order an official hardcopy or ebook, you can do so at various resellers, including Amazon, Barnes and Noble, Google Play, or Powells. The book is meant as a guid
aike 2018/05/10
visualizer

design
リンク
Library of Algorithms
"例：挿入ソート" for i = 1〜要素数-1: 挿入要素 = 配列[i] if 挿入要素 < 左隣: 挿入場所 = i while 挿入要素 < 配列[挿入場所-1]: 比較した要素を右にずらす挿入場所を一つ左配列[挿入場所] = 挿入要素終了
aike 2018/01/26
algorithm

visualizer
リンク
GitHub - willianjusten/awesome-audio-visualization: A curated list about Audio Visualization.
Audible Visuals - Collection of visualizers derived from the Archimedean spiral by Sonia Boller. React Player - A complete Audio Visualisation player with ReactJS. Moire - A Web Audio / WebGL visualisation. Finding Love - fully interactive, Virtual Reality story that transf orms emotions into art. Tangled - Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in cables. Drag to ro
aike 2017/05/25
sound

visualizer

まとめ
リンク
要望イラスト化計画3 - lovely-fruity@wiki
周波数でグラデーションする方法、レベルでグラデーションする方法、時間でグラデーションする方法がありそう。スぺクトラムバーを、時間とともに右斜め上へスライドしていけば、簡易的に実現できそう。
aike 2015/10/07
dsp

visualizer
リンク
Takashi Mori x Masakazu Watanabe
aike 2015/08/15
WebAudioAPI

WebMidiAPI

WebRTC

visualizer
リンク
Visualizer - jsdo.it - Share JavaScript, HTML5 and CSS
mp3 visualizer for webkit browsers (web audio API) Source: Puru – Koyuki (06R Remix) var D = { width: 300, height: 150, theme: { name: 'b', list: ['a', 'b', 'c'] }, stc: 0.8, ftt: 512, volume: 0.3, A: { size: 5, space: 3, color: 'rgba(43,43,43,1)', Init: function() { D.A.width = D.A.size + D.A.space; D.A.length = D.width / D.A.width; }, Draw: function() { D.ctx.fillStyle = D.A.color; for (var i =
aike 2014/09/17
visualizer

canvas
リンク
改訂版: プログラマーが効果的な可視化を作成する（前編） - Qiita
改訂版について　(5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです‥ 新しいセクションの追加最近の本の紹介細かな表現の修正この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。はじめにこの記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。前編: 効果的なデータ可視化とはどのようなものか？　︵本稿︶中編: 分かりにくい可視化を避けるための手法の選択後編: Part 1
aike 2014/08/27
visualizer
リンク
Three.js で音楽のビジュアライズを試してみるテスト（その４） - jsdo.it - Share JavaScript, HTML5 and CSS
Three.js で音楽のビジュアライズを試してみるテスト︵その4︶＜対応した点＞・TimeDomainData と FrequencyData の両方を表示するよう対応。 getByteTimeDomainData(Uint8Array array) … Uint8Array に信号の生データを取得する。 getByteFrequencyData(Uint8Array array) … Unit8Array にスペクトル情報を取得する。・﹁stop﹂ボタンを追加。＜変更履歴＞ 2015/03/20 音声データをogg形式→mp3形式に変更 2014-08-03 初版＜参考＞ ■ Canvas で音楽のビジュアライズを試してみるテスト︵その2︶ http://jsdo.it/cx20/etk3 // forked from cx20's "Three.js で音楽のビジュアライズ
aike 2014/08/05
three.js

javascript

visualizer
リンク
Hackers Dream Up Fresh Ways to Visualize Music | Evolver.fm
aike 2014/07/16
visualizer

music
リンク
物理学生が作る、本当に"目がくらむ"ほど美しい数学的GIFアニメ
これは...文字通り"目がくらむ"ほど美しい数学的アートです。物理学の学生デイビッド・ホワイトさんが作成したGIFアニメたち。
aike 2014/06/29
visualizer
リンク
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
aike 2014/06/27
visualizer
リンク
迷路をウネウネと生成する，ライフゲーム的なJavaScript （アスキーアートで反復描画アニメーション） - 主に言語とシステム開発に関して
「迷路をウネウネと生成する，ライフゲーム的なJavaScript」ができた。ボタンを押すと，迷路が生成されてゆく途中経過を見れる。（ポコポコッ・・・ワサワサッ…）巨大な迷路がアスキーアートで描画される。"┤┐├"みたいな罫線AAと，"■"によるブロックAAの２通り。こちらから動かせます。↓ 迷路をウネウネと生成するJavaScript （アスキーアートで反復描画アニメーション） http://name-of-this-site.org/coding/j... 特長： AAなので，プレーンテキスト形式で，コピペに便利。「一時停止」ボタンで，生成を一時停止/再開できる。迷路のサイズや，反復描画の速さはカスタマイズできる。ソースコードは改造しやすくしてある。既存のルートを徐々に拡張してゆく，というアルゴリズムでルートを生成している。迷路が「成長してゆく途中」の経過を見れるのが面白
aike 2014/06/25
visualizer
リンク
Melvie - Web上の音楽を映像で彩るソーシャルVJ
Melvie x Songle ︵メルビーxソングル︶は、Web上の音楽を映像で彩るソーシャルVJサービスです。現在α版として、機能を限定して試験公開中です。能動的音楽鑑賞サービスSongle (http://songle.jp) で解析済みの楽曲︵YouTube、ニコニコ動画、ピアプロ、SoundCloud、Web上のMP3︶を選択し、その再生に合わせてブラウザ上で動的に映像素材を組み合わせてエフェクトを付けて表示できます。楽曲はMelvieを経由せずに、元の配信サイトからユーザのブラウザへ直接ダウンロードされ、ストリーミング再生されます。元の楽曲が削除されていると、再生できません。 Melvie x Songleは、中嶋誠︵東京大学大学院情報理工学系研究科コンピュータ科学専攻︶が、東京大学五十嵐健夫研究室および、産業技術総合研究所メディアインタラクション研究グループにおい
aike 2014/06/24
vj

javascript

visualizer
リンク
HTML5DevConf: Jordan Santell, "Browser Dance Party: Visualizing Audio with the Web Audio API"
Browser Dance Party: Visualizing Audio with the Web Audio API Time: Wednesday @ 2:30pm | Room E-131 Now that the Web Audio API is available in most major desktop and mobile browsers, plugin-free audio visualization for added app flair, audio analysis and full-on dance parties is now possible. Let's check out how we can use Web Audio to visualize music and sound, the theory behind beat and pitch d
aike 2014/05/12
WebAudioAPI

visualizer

javascript
リンク
VVVV.js - Visual Web Client Programming
VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more — all by connecting nodes, spreading slices and letting the dafa flow. From simple 2D charts to complex 3D animations: the possibilities grow with your patching skills. Features VVVV.js is fun to play with, yet it's more than a toy. Rather than being a standalone web applica
aike 2014/05/10
javascript

visualizer
リンク
OPEN METI
経済産業省が保有する多様なデータ。そこには、あらゆるテーマにわたって日本経済の過去と現在が記録されている。OPEN METIプロジェクトは、これらの膨大なデータを様々な切り口で紐解き、活用可能なオープン・データとして公開していくプロジェクトです。経済産業省が保有する多様なデータ。そこには、あらゆるテーマにわたって日本経済の過去と現在が記録されている。 OPEN METIプロジェクトは、これらの膨大なデータを様々な切り口で紐解き、活用可能なオープン・データとして公開していくプロジェクトです。経済産業省　〒100-8901 東京都千代田区霞が関1-3-1 代表電話 03-3501-1511 Copyright Ministry of Economy, Trade and Industry. All Rights Reserved. Supported by rhizomatiks
aike 2014/04/23
oF

visualizer
リンク
JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか？そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している
aike 2014/04/22
javascript

visualizer
リンク
Plask
╲ Plask is a multimedia programming environment. ╲ Download the latest v4 for 64-bit OS X. ╲ Read the reference documentation. ╲ Ask questions on the mailing list. ╲ Check out the source. ╲ Watch the showreel.
aike 2014/03/27
visualizer

javascript
リンク
2時間縛りでd3.js挑戦してみた - mizchi's blog
何この記事あんちべという人から無茶ぶりがきたので対応した mizchi、d3ブログ書いてくれた呑む— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian D3まだ極めてないです— 高意識エネルギー (@mizchi) 2014, 3月 2 @mizchi 2時間やろう、早く極めたまえ— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian おっしゃ待ってろ— 高意識エネルギー (@mizchi) 2014, 3月2前提よく誤解されるんですが、D3.jsはグラフ描画ツールではなく、JavaScriptでSVGを生成するためのjQuery風DSLで、DSLとはいえかなりローレベルなライブラリです。SVGはベクタグラフィックスを生成する規格。ブラウザ上のSVGは、図形を書けるDOMであり、他
aike 2014/03/03
visualizer
リンク
Making things with Maths
“The power to understand and predict the quantities of the world should not be restricted to those with a freakish knack for manipulating abstract symbols.” Bret Victor, “Kill Math” f=Math; e=document.body.children[$=0]; G="globalCompositeOperation"; Q=.43; P=.05; with(e){ with(style)width=(w=innerWidth-9)+"px", height=(h=innerHeight-25)+"px"; W=(width=w/=2)/2; H=(height=h/=2)/2; g=getContext("2d"
aike 2014/02/05
math

visualizer

programming
リンク
1 2 次のページ