charticulator ダウンロード - charticulator ソースコードのダウンロード

チャート作成者

その他のソースコード

ダウンロード

チャート作成者

Charticulator は、対話的に制約を指定してグラフを設計できる新しいグラフ作成ツールです。

プロジェクトチーム

東豪仁
イ・ボンシン
マシュー・ブレマー
ネイサン・エヴァンス
ケイト・リトヴィネッツ
デビッド・ティッツワース
クリス・トレビノ

建てる

開発環境を準備するには、次の手順に従います。

nodejs 8.0以降をインストールします: https://nodejs.org/
yarnjs 1.7以降をインストールします: https://yarnpkg.com/

ノードモジュールをインストールします。

yarn

テンプレート構成ファイルをコピーし、その内容を編集します。

cp config.template.yml config.yml
# (on windows, use copy instead of cp)

次のコマンドを実行して Charticulator をビルドします。これにより、 distフォルダーに自己完結型のバンドルが作成されます。

yarn build

ローカル Web サーバーを実行して Charticulator をテストします。

 # Serve Charticulator at http://localhost:4000
yarn server

# Serve Charticulator publicly at http://0.0.0.0:4000
# Use this if you want to enable access from another computer
yarn public_server

発達

ライブ開発環境の場合は、次のコマンドを実行したままにしてください。

yarn start

このコマンドは、 src/およびsass/の変更を監視し、Charticulator を自動的に再コンパイルします。これが完了したら、http://localhost:4000/ を開いて Charticulator を起動します。ソースコードを変更する場合、ブラウザページを更新するだけでアプリを更新できるようになりました (ブラウザキャッシュを無効にする必要がある場合があります)。

開発モードでは、UI コンポーネントのテストアプリケーションがあり、http://localhost:4000/test.html からアクセスできます。

以下を変更すると、監視モードは更新されません。

config.yml
THIRD_PARTY.yml
webpack.config.js

これらを更新した場合は、再度yarn buildを行ってください。

サンプルデータセット

Charticulator で使用できるカスタムサンプルデータセットを追加できます。これを行うには、リポジトリのルートにdatasetsフォルダーを作成し (存在しない場合)、そのフォルダーに.csv (または.tsv ) を追加し、最後に次の内容でフォルダー内にfiles.jsonファイルを作成します。コンテンツ：

", "description": "", "tables": [ { "name": "", "type": "", "url": "" } ] } ]">

 [
    {
        "name": "",
        "description": "",
        "tables": [
            {
                "name": "",
                "type": "",
                "url": ""
            }
        ]
    }
]