HTMLサーバーのないローカルマシンでのD3ビジュアライゼーション

Question

私はWeb開発の初心者です。私はD3を使用してインタラクティブな視覚効果を作成し、Web上で共有するのではなく、私の（保険）仕事に興味を持っています。視覚化はきわめて自蔵的である必要があるため、技術に精通していないビジネスユーザーは特別なソフトウェア設定なしで見ることができます。通常のブラウザ、インターネットアクセス、同じLANロケーションへのアクセスのみです。以下は私の生存率の最初の調査です。

1）私は自分のローカルマシンに、このHTMLの例を保存して、ブラウザで何ちゃったごめんなさいをグラフを表示することはできません：https://bl.ocks.org/mbostock/b5935342c6d21928111928401e2c8608

2）その後、私は、データファイルを使用して可視化を試みました。
https://bl.ocks.org/mbostock/2838bf53e0e65f369f476afd653663a2
私はデータソースWebサイトにアクセスし、.csvをダウンロードしました。 d3.csv（）コマンドのファイルアドレスをローカルドライブに変更するだけで動作しませんでした。（私が初心者だと言いました）

ローカルで作業する方法を誰にも見せてくれる人はいますか？私はまだ私の頭の上に
Loading local data for visualization using D3.js
Reading in a local csv file in javascript?
いくつかの関連する答えを見つけた - 誰かが例を働かせることができる場合（2）私はおそらくよりよく理解することができます上...

Answer 1

あなたがローカルに実行する必要がありますサーバーをpythonのSimpleHTTPServerのようにしてローカルで動作させるようにします。一度インストールすれば、端末で1つのコマンドを実行するのと同じくらい簡単です。

しかし、エンドユーザーはブラウザからアクセスできるはずだから、オンラインでホストするという意味ですか？そうであれば、サーバー上で正しく表示することができます

Answer 2

最初の例では、変数名がdataのhtmlページにハードコードされています。データはすでに存在しているため、サーバーを移動してデータを取得する必要はありません。一方、第2の例では、データはハードコードされず、サーバで取り出される。これを最初の例のように動作させたい場合は、データをWebページにハードコードする必要があります。

Answer 3

最新のブラウザ（chrome、mozilla）は、Webサーバーを必要とせずにhtml5、css3、およびJavaScriptのサポートが完全に組み込まれています（これは開発の優先ルートです）。あなたは、クロムを使用している場合

はたとえば、あなたがする必要があるすべては許可ローカルファイルへのアクセスフラグが設定されます。falseにキーsecurity.fileuri.strict_origin_policyを設定：MozillaでHow to launch html using Chrome at "--allow-file-access-from-files" mode?

約を設定します。

また、これらはウェブサーバなしでローカルファイルをロードするためのオプションですが、ウェブサーバを設定することは、最も簡単な作業であり、最も推奨される方法です。

Answer 4

あなたはIan JohnsonによってSERVEDを使用したいと思うかもしれません。

http://enjalot.github.io/served/