1

Python で vincent を使用してコロプレス マップを作成してきましたが、プレゼンテーションに使用する画像に変換したいと考えています。誰もこれを行う方法を知っていますか? 以下は私が使用しているコードです:

county_borders = r'us_counties.topo.json'
geo_data = [{'name': 'counties',
         'url': county_borders,
         'feature': 'us_counties.geo'}]
choro_pop = vincent.Map(data=counties_only, geo_data=geo_data, scale=1500, projection='albersUsa',
      data_bind='CENSUS2010POP', data_key='FIPS',
      map_key={'counties': 'properties.FIPS'})
choro_pop.marks[0].properties.enter.stroke_opacity = ValueRef(value=0.5)
choro_pop.rebind(column = 'ESTIMATESBASE2010', brew = 'OrRd')
choro_pop.to_json('Counties_Population_choropleth.json', html_out=True, html_path='Counties_Population_choropleth.html')
choro_pop.display()

これにより、ipython ノートブックにマップが表示され (yay!)、html ファイルと .json ファイルの両方が出力されます。htmlファイルは単なる「足場」であり、実際には私が知ることができるデータは含まれておらず、ブラウザで開いても何も表示されません(クロムを試しました)。

私が知っている .json ファイルは辞書のようなものですが、それを使用して素敵な画像を描画する方法がわかりません。

ありがとう!

edit1: これは html ファイルの内容です

<html>
  <head>
    <title>Vega Scaffold</title>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="http://d3js.org/topojson.v1.min.js"></script>
    <script src="http://d3js.org/d3.geo.projection.v0.min.js" charset="utf-8">    </script>
    <script src="http://trifacta.github.com/vega/vega.js"></script>
  </head>
  <body>
    <div id="vis"></div>
  </body>
<script type="text/javascript">
// parse a spec and create a visualization view
function parse(spec) {
  vg.parse.spec(spec, function(chart) { chart({el:"#vis"}).update(); });
}
parse("Counties_Population_change_choropleth.json");
</script>
</html>
4

0 に答える 0