<!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.103, "recall": 0.103, "rev": "workspace", "step": 0 }, { "area": "METZ", "precision": 0.179, "recall": 0.179, "rev": "workspace", "step": 1 }, { "area": "PARIS", "precision": 0.319, "recall": 0.319, "rev": "workspace", "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>