3万699本のシュートを視覚化。コービー・ブライアントの20年をインフォグラフィックで振り返る2016.04.15 21:05 塚本直樹 データを集めた人もスゴイ。 4月13日、とある伝説的なバスケットボールプレーヤーがその現役生活を終えました。彼の名前はコービー・ブライアント。20年にわたってロサンゼルス・レイカーズで活躍し、18年連続でオールスターゲームに出場、数々の記録を打ち立てました。そして何よりもファンの記憶に残るプレーヤーでした。 彼のラストゲームが終わった後、ロサンゼルス・タイムズはコービー・ブライアントが現役中に放った全シュート3万699本の詳細がひと目で分かるウェブページを公開しました。 シュートは成功が紫、失敗が黄色のドットに塗り分けられ(もちろんレイカーズカラー!)、ドットにマウスカーソルを合わせれば、いつ、どの対戦チームと戦った時、どれくらいの距離からシュートが放た
これは小さな粒を生成するものです。あなたがクリックした場所から、小さな円が生まれて飛び出していくのです。マウスを持って、動かしてみましょう。粒はカーソルから生み出され続けます。 モバイル機器や、マウスではなく指で動かすタイプのコンピュータだったらどうでしょうか。同じように動きます。 私はオタクなので、これが楽しいと思います。皆さんの見解は様々かもしれません。埋め込み画像をクリックして、円が飛ぶのを見てください。クールじゃないですか? 仕組み これは全てReact、Redux、D3を使って作られています。アニメーションのトリックはありません。少しの賢さが必要なだけです。 一般的な方法を、以下で説明してみます。 私たちは、ページ、SVGエレメント、内部の粒といった 全てをレンダリングするためにReact を使います。この全ては、propを使ってDOMを返す、Reactコンポーネントを使って作ら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く