世界中のすべての本をISBN-Spaceで可視化する

 (phiresky.github.io)
2 ポイント 投稿者 GN⁺ 2025-02-02 | 1件のコメント | WhatsAppで共有

  • 世界のすべての本をISBN空間で可視化する

  • 図書館は人類の知識を収集しようと努めてきた。デジタル時代には、一定の基準を満たすすべての人類の文章を包括的に収集することが可能かもしれない。シャドウライブラリは、できるだけ多くの本を収集し共有する役割を果たす。

  • ISBN（国際標準図書番号）は、ほぼすべての出版された本に割り当てられる13桁の数字である。この番号には特定の構造があり、それによって20億個のスロットを持つISBN13空間を可視化できる。

  • ISBNの固有構造

    • ISBNの978-/979-接頭辞は、欧州商品番号の部分集合である。この接頭辞はほぼ無視できる。
    • 国際ISBN機関は大規模なISBNブロックを国際機関に割り当て、各国はそれをさらに出版社向けのブロックへと細分化する。
    • ISBNブロックは常に接頭辞ごとに割り当てられる。たとえば日本には978-4が割り当てられており、これを通じて出版社にISBNを割り当てる。

  • 空間充填曲線

    • ISBNから接頭辞と接尾辞を取り除くと、0から20億の間の10進数になる。これを2次元空間へ投影する方法が必要になる。
    • ヒルベルト曲線のような空間充填曲線が提案されたが、データに存在しない構造を導入してしまう可能性がある。

  • 「本棚」曲線

    • ISBNは本質的に10進数であり、これを使って理解しやすく視覚的にも魅力的な空間充填曲線を生成できる。
    • この曲線は本棚のように見え、単純な座標変換によってISBNを座標へ変換できる。

  • マップタイル

    • 各接頭辞ごとにタイル画像を生成できる。各データセットについて、ピクセルごとに異なる情報を保存する。
    • 最大ズームレベルでは、正確性のために1ピクセルに1冊の本を対応させる。

  • シェーダー

    • RGBデータを直接保存する代わりに、GLSLフラグメントシェーダーを使ってレンダリングを行う。これにより色スケールを後から選べるほか、複数のデータセットを即座に組み合わせられる。

  • 本棚ビュー

    • 完全に拡大した表示では、各ピクセルが本のようにスタイリングされる。これはシェーダー内で実装され、ズームに応じて滑らかに現れる。

  • パフォーマンス

    • テキストレンダリングは、ズームレベルとビュー・フラスタム・カリングに応じて階層的に実装されている。性能上の問題を解決するため、HTML要素を減らし、DOMコンテンツを制限している。

  • バーコード

    • 最大ズームでは、各本にバーコードがある。これはISBNに基づいて本を並べるという概念を強調するために追加された。

  • 出版社の範囲

    • 各「グループ」は大きな範囲を持ち、各出版社はそのグループ内で小さな範囲を持つ。これを可視化するために、各グループと出版社に固有の色を割り当てる。

  • 飛行経路

    • 本を検索したりミニマップをクリックしたりすると、その位置へ移動する。飛行経路の計算は複雑で、何度もの試行を通じて改善された。

  • アーキテクチャ

    • バックエンドは不要で、静的ファイルホストを使ってHTML、JS、CSS、PNG、JSONを保存する。
    • フロントエンドはThreeJS、React、MobXを使って実装されている。

  • 結論

    • ISBNで出版されたあらゆる本を可視化できる柔軟な方法を提供する。このプロジェクトは非常に楽しく、ソースコードはGitHubで確認できる。

関連記事

1件のコメント

 
GN⁺ 2025-02-02
Hacker Newsのコメント

  • Amazonを始めたとき、Library of Congressの三重分類を使いたかったが、データ提供者がそれを1つの文字列に変換していたため、境界を見つけるのが難しかった。結局、このアイデアは断念した

  • ISBNが複数の本に重複して割り当てられている場合があるため、「ISBN空間のすべての本」という表現は誇張かもしれない。また、誤ったISBNを持つ本もあり、これらはブログ記事で想定しているISBN空間の外にある可能性がある

  • この発表はAnna’s Archiveの内容しか反映しておらず、特定の言語に対する偏りがある。黒で表示された部分は、アーカイブで欠落している項目を示している

  • このプロジェクトは驚くべきもので、本のタイトル、バーコード、表紙、詳細情報を見られる機能が印象的だ。改善案としては、左上の白いパネルと右上の要素を隠すチェックボックスを追加することが挙げられる

  • 双曲上半平面での移動をモデル化して、飛行経路を考えることができる。ズームレベルに応じてタイルを最小化する方法を検討しており、現在の実装は高いズームレベルでパン操作により多くの時間を費やしている

  • 現在の形式の発表はやや圧倒的だったが、データ可視化とその深さは素晴らしい。特定地域の出版活動を見るのは興味深く、ポーランドは最近活発で、中国は2005年以降大きく増加している

  • Microsoft SilverLight PivotViewerはこのアプリケーションに適しており、Gary W. FlakeのTED講演は印象的だ。ただし、Web標準ではないのが残念だ

  • 現実版Library of Babelのようなプロジェクトは興味深く、無限の図書館や博物館がVRで実現されるなら投資する価値がある

  • ズームインすると本棚が見えるのがとてもクールだ

  • とてもクールな可視化で、ほかにも素晴らしい投稿がたくさんある