<!DOCTYPE html>
<html>
<head>
<title>DVC Plot</title>
<script src="https://cdn.jsdelivr.net/npm/vega@5.20.2"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@5.2.0"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6.18.2"></script>
</head>
<body>
<div id = "plot_precision_json">
<script type = "text/javascript">
var spec = {
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {
"values": [
{
"area": "LILLE",
"precision": 0.128,
"recall": 0.128,
"rev": "workspace",
"step": 0
},
{
"area": "METZ",
"precision": 0.179,
"recall": 0.179,
"rev": "workspace",
"step": 1
},
{
"area": "PARIS",
"precision": 0.265,
"recall": 0.265,
"rev": "workspace",
"step": 2
},
{
"area": "LILLE",
"precision": 0.103,
"recall": 0.103,
"rev": "HEAD",
"step": 0
},
{
"area": "METZ",
"precision": 0.179,
"recall": 0.179,
"rev": "HEAD",
"step": 1
},
{
"area": "PARIS",
"precision": 0.319,
"recall": 0.319,
"rev": "HEAD",
"step": 2
}
]
},
"title": "Pr\u00e9cision par aire g\u00e9ographique",
"width": 300,
"height": 300,
"mark": {
"type": "line"
},
"encoding": {
"x": {
"field": "step",
"type": "quantitative",
"title": "Aire"
},
"y": {
"field": "precision",
"type": "quantitative",
"title": "Pr\u00e9cision",
"scale": {
"zero": false
}
},
"color": {
"field": "rev",
"type": "nominal"
}
}
}
;
vegaEmbed('#plot_precision_json', spec);
</script>
</div>
</body>
</html>
