【D3.js】d3.zoomオブジェクトを使って Pan/Zoon を実装する。
D3.js v4ではd３.zoomオブジェクトを使用することで、簡単にパン／ズームを実装することができます。 var w = 900; var h = 500; var data = d3.range(0, 100).map(function(d){ return {"x": ~~(Math.random() * w ), "y": ~~(Math.random() * h), "r": ~~(Math.random() * 90) + 10 }; }); var svg = d3.select("svg") .attr("width", w) .attr("height", h) //ズーム対象とするレイヤーを生成 var zoomLayer = svg.append("g") //カラージェネレーター var color = d3.scaleOrdinal(d3.schemeCateg
Sinatraの自動リロード
2012/7/16 10:00 指摘によりsinatra-contribを使う旨を追記&修正 未だにshotgun使ってた。 参考: モノクロームの中: sinatra (2) - オートリロード - Sinatra::Reloader (part of Sinatra::Contrib) gemをインストール % gem install sinatra-contrib Classicスタイル require "sinatra" require "sinatra/reloader" if development? Modularスタイル require "sinatra/base" require "sinatra/reloader" class MyApp < Sinatra::Base configure :development do register Sinatra::Reload
Adding FontAwesome icons to a D3 graph
I am trying to set an icon with FontAwesome instead of text in my D3 nodes. This is the original implmentation, with text: g.append('svg:text') .attr('x', 0) .attr('y', 4) .attr('class', 'id') .text(function(d) { return d.label; }); And now I try with icons: g.append('svg:i') .attr('x', 0) .attr('y', 4) .attr('class', 'id icon-fixed-width icon-user'); But this is not working, even though the marku
d3.jsでrectに角丸・半透明・グラデーション・ドロップシャドウ・ライティング効果を追加～主にsvgのこと | | Scimpr Blog
参照ページ SVGで図形やアニメを描画してみよう Diffuseライティングdiffuseライティングはゴムや布など光沢のない質感を表現するらしい リンク先に詳しく書いてあるけどよくわからない Specullerライティングspecullerライティングは金属やプラスチックなどの鏡面反射光を表現するらしい html要素を追加する～foreignObject参照ページ svg要素の基本的な使い方まとめ rectにテキストを重ねるにはsvgのtext要素を使う方法とhtml要素を追加する方法がある html要素を追加すれば自動で折り返しができる.ただし、foreignObjectにはブラウザ間の問題がありそうなので、ほかの場合はsvgのテキストを使うほうがよさそう.
IEEE Xplore - Important Information for IEEE XML Gateway Users
Effective January 2018, the IEEE XML Gateway is no longer available and has been replaced by the new IEEE Xplore API. If you or your organization were using the XML Gateway, please register for the new IEEE Xplore API by following the instructions provided here. If you have any questions, please email us at onlinesupport@ieee.org.
Amazon EC2で「スケールアップ」のジレンマ
米Amazon Web Servicesの仮想マシン・ホスティング・サービス「Amazon EC2」を使っていると，可能な限り課金を抑えるために仮想マシンのスペックをこまめに増減させる「スケールアップ/ダウン」を試みたくなる。しかしサービスの前提は，数を並べるスケールアウト。このギャップは埋まりそうにない。 まずEC2をご存じでない方のために，サービスの内容を簡単に説明しよう。EC2は，ECサイトで有名な米Amazon.comの子会社である米Amazon Web Servicesが手がけている仮想マシンの時間貸しサービス。「仮想マシンを即座に生成」「不要になったら消す」といった柔軟性が売りのIaaS（Infrastructure as a Service）である。このEC2を，ITproは関連記事の抽出に使っている。もともとはクラウド・コンピューティングをテーマにしたITpro Magaz
『MongoDBにおけるレプリケーションとシャーディング -構築編2-』
さて、色々忙しくなってたので日も空いてしまいましたが、クリスマスに暇なので 続きのシャーディング構築編でも書いていこうかと思います シャーディングはレプリケーションよりずっと複雑ですので、まず登場するサーバからまとめて 行きましょう。 １ シャードクラスタ： 実際に水平分割されているDBサーバ。例えば、2000件のデータがあるとすれば、これを２つに分けてシャード1には１から1000件のデータ、シャード2には1000から2000のデータを入れる。この場合、シャードは２つとなる ２ mongosルータ： 各シャードにはデータの一部しかないため、シャード１にアクセスした場合、シャード２のデータは一切見ることはできません。これでは使いものにならないため、 何らかの別の窓口が必要になります。それがmongosです。 ３ 設定サーバクラスタ: シャード化がどのようになっているかは一体どこに保存されるの
Herokuの負荷テスト
以下は基本的に自分用のメモ 1dynoで条件を変えながら行ったテストとdynoの数を変更しながら行ったテストは実施日が異なる。
HerokuのWebSocketでC10Kに挑戦(後篇)
割り込みによって書けてなかったHeroku C10Kの続きです。 テスト実施から少し時間が空いてしまったため、改めてまとめようとすると疑問点や追試したいこともあるんですが、当面これ以上時間を割くことができそうにないのでざっくりとまとめてしまいます。 ★前篇のおさらい 前篇の内容から今回ポイントとなる点をピックアップすると以下のようになります。 1Dynoでさばける同時接続数は400前後。 それを越えるとH11の接続エラーが返ってくるようになる。 雑なテストプログラムで25台のDynoに1万クライアント接続を試みたところ少なくとも5600位は繋がったっぽい。 「繋がったっぽい」というあいまいな表現になっているはテストプログラム側で何を持って成功とみなすかという点をはっきりと決めていなかったためです。 エラーが発生しなければ試行数をそのまま成績と判断できますが、途中でエラーが発生した場合そのテ
「Herokuにだまされた」――新興企業の指摘にHerokuが謝罪
【追記】この件に関しては、その後もHerokuとRap Geniusとの間でやり取りがなされました。Heroku側の説明については、下記の続報で紹介しております。こちらもご確認ください。 http://www.atmarkit.co.jp/ait/articles/1302/19/news109.html Ruby on RailsのPaaS「Heroku」の課金の仕組みをめぐり、新興のネット企業が「Herokuにだまされた」と訴えている。Herokuは2月15日、顧客に対する説明が不十分だったなどの問題を認め、改善に努めると表明した。 2月14日に「Herokuの醜い秘密」というブログを掲載して問題を提起したのは、急成長中の新興企業Rap Genius。これまでHerokuに月額2万ドルもの料金を払いながら、そのサービスには満足していたという。 ところが10日ほど前、JavaScript
分散ファイルシステム - Wikipedia
分散ファイルシステム (distributed file system) またはネットワークファイルシステム (network file system) とは、複数のホストがコンピュータネットワークを経由して共有しつつファイルにアクセスすることを可能にするファイルシステムである[1]。複数のマシン上で複数のユーザーがファイルやストレージ資源を共有できるようにする。 クライアントノードはファイルシステムを構成している二次記憶装置に直接アクセスすることはできないが、通信プロトコルを使ってネットワーク経由でやり取りする。その通信プロトコルがどう設計されているかにもよるが、アクセスリストまたはケーパビリティに基づいてクライアントとサーバの双方でファイルシステムへのアクセスを制限することも可能である。 これに対してクラスタファイルシステム（英語版）では、全ノードがファイルシステムを構成しているストレ
米オラクル、MySQLの管理を簡素化する統合型システム「MySQL Fabric」の一般提供を開始
「MySQL Fabric」は、高可用性を実現する「MySQL Replication」と併用した場合に、サーバに障害が発生すると、いずれかのスレーブ・データベースを選択して、新しいマスターに昇格させる。また、既存のマスターへのトランザクションの自動ルーティングと、スレーブ・データベース間でのクエリのロードバランシング機能も備えており、トポロジとサーバの状態はアプリケーションに対して透過的となっている。 さらに、自動化されたデータ・シャーディングと再構成によって開発および運用チームによる作業の管理を容易にし、読み取りと書き込みの両方のスケールアウトや、シャーディングするテーブルでのシャーディング・キーとして使用する列の指定、既存のシャードの新しいサーバへの移動や、複数のシャードへの分割を実現する。 このほか、PHP、Python、Javaコネクタの拡張によって、トランザクションとクエリを正
MySQLのシャーディングを実現する「MySQL Fabric」をリリース、米オラクル
大規模なWebアプリケーションのバックエンドでは、データを分割して複数のデータベースで運用することによりスケーラブルな運用を実現する「シャーディング」と呼ばれる技術がよく使わています。 米オラクルはMySQLでこのシャーディングを実現するソフトウェア「MySQL Fabric」を含む「MySQL Utilities」をリリースしました。 PHP、Java、Pythonに対応 MySQL Fabricは基本的にデータのレプリケーションを活用してシャーディングをするフレームワーク。データの範囲あるいはハッシュ値を分割キーとして用いたシャーディングを実現します。 アプリケーションからMySQL Fabricを利用するには、専用のコネクタを用いて接続する必要があります。コネクタは現在、Python、Java、PHPに対応しており、今後ほかの言語にも対応予定。 MySQL Fabricには、全体を管
「OpenStackはクラウドではない」――OpenStackプライベートクラウドを構築したeBay
オンラインマーケットプレースを運営する米eBayのWebサイトは、最も負荷が高いサイトの1つである。eBayは、このWebサイトを自社開発したOpenStackプライベートクラウドプラットフォームで運営している。 Computer Weekly日本語版 8月6日号：RAIDはもういらない 本記事は、プレミアムコンテンツ「Computer Weekly日本語版 8月6日号」（PDF）掲載記事の抄訳版です。本記事の全文は、同プレミアムコンテンツで読むことができます。 Computer Weekly日本語版 8月6日号：RAIDはもういらない なお、同コンテンツのEPUB版およびKindle（MOBI）版も提供しています。 3年前は、全てオンプレミスのデータセンターインフラで運営していた。 「現在、eBayマーケットプレースのトラフィックの95％が当社のOpenStackクラウドを利用しているが
あなたにWebSocketは必要ないかも | POSTD
(訳注：2015/8/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) 本題に入る前に強調しておきます。WebSocketは優れた通信プロトコルです。実際私はこの RFC6455 を、 Fanout のサービスで使っている( Zurl や Pushpin といったパーツで採用しています。Fanoutではまた、 Primus （異なるリアルタイムフレームワーク間での通信を可能とするラッパー）を利用し、 XMPP-FTWインターフェース を介したWebSocket通信をサポートしています。 しかしながら私はこれまで、多くの広く普及しているアプリケーションにかなりの時間を費やし、おかげでRESTやメッセージングパターンについては多少なりとも理解が深まってきた今、実はWebSocketを実装した典型的なWebアプリケーション（もしくはWebSocketライクな抽象化レイヤ）の大部分
Herokuの負荷テスト
こんにちは。小西です。 Herokuの負荷テストの結果を公開したので興味のある方はご覧ください。 http://excelnote.herokuapp.com/share/note/s91/90bf7b19-d654-40ab-a6c0-640980967ab0/edf9ab2230042e456ca286843763788e 考察は自分用のメモなので文章が荒いのは気にしないように。(Evernoteだし) えぇ、このエントリの主目的はきっぱりはっきりDEVCUPの宣伝です。(^^; ちょっとでも役に立ったという方は是非ExcelNoteに一票投じてください。m(_ _)m ExcelNoteにはシートの一部のみをiframeで表示する機能もあるので、表の部分だけをこちらのブログに貼り付けようかとも思ったんですが、表が少し幅があるためブログにきれいに収まらないことからこういう形をとりました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
the new code – not found – blog / 744
特盛！Heroku
グリッド環境において遊休GPUを活用するための資源選択手法 | CiNii Research