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>