About this site

本ツールは山辺真幸が執筆した書籍『ProcessingとPythonではじめる データビジュアライゼーション入門』の表紙ビジュアル制作のために開発されました。このページでさまざまなグラフィックをSVGとして生成でき、ソースコードはGitHubで公開しています。

本書は、1章から6章、付録、前書き・後書きの計9セクションで構成されており、各章の内容を反映したビジュアル要素を表紙のデザインに採用しています。

「VISUALIZE」 の9文字を各セクションに割り当て、文字輪郭上に、各章のキーワードをノードとし、章をまたぐ単語の共起関係をエッジとして表現したグラフを重ねることで、書籍全体の内容を視覚的に象徴するデザインとなっています。

より詳しい説明(GitHubリポジトリ)
Amazonで見る

  1. 各スライダーでノード数・エッジ数・色相・サイズなどを調整する
  2. ノードにマウスを重ねると、そのノードに接続されたエッジとノードだけがハイライトされ、該当する単語のラベルが表示される(共起関係をたどって探索できる)
  3. 気に入ったバリエーションができたら Download SVG ボタンでSVGを保存する
コントロール内容
Dots / Chapter章ごとに配置するノード数
Edge Count表示するエッジ数
Node Hue / Saturationノードの色相・彩度
Edge Gradientエッジに章ごとのグラデーションを適用するか
Node OrderノードをTFランク順 / 初出順で並べる
Label Alignラベルを中央揃え / 左揃えにする

開発:山辺真幸
開発協力:桑原真一郎
書籍カバーデザイン:中野豪雄