Aktuelle Version |
Dein Text |
Zeile 89: |
Zeile 89: |
| </graph> | | </graph> |
| Wahl zum Stadtrat der Hansestadt Lüneburg 2021 (Wahlbeteiligung 56,2 %)</div> | | Wahl zum Stadtrat der Hansestadt Lüneburg 2021 (Wahlbeteiligung 56,2 %)</div> |
|
| |
| == noch eins ==
| |
|
| |
| <graph>{
| |
| "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
| |
| "description": "A simple pie chart with labels.",
| |
| "data": {
| |
| "values": [
| |
| {"category": "a", "value": 4},
| |
| {"category": "b", "value": 6},
| |
| {"category": "c", "value": 10},
| |
| {"category": "d", "value": 3},
| |
| {"category": "e", "value": 7},
| |
| {"category": "f", "value": 8}
| |
| ]
| |
| },
| |
| "encoding": {
| |
| "theta": {"field": "value", "type": "quantitative", "stack": true},
| |
| "color": {"field": "category", "type": "nominal", "legend": null}
| |
| },
| |
| "layer": [{
| |
| "mark": {"type": "arc", "outerRadius": 80}
| |
| }, {
| |
| "mark": {"type": "text", "radius": 90},
| |
| "encoding": {
| |
| "text": {"field": "category", "type": "nominal"}
| |
| }
| |
| }]
| |
| }
| |
| </graph>
| |
|
| |
| == Zweites Diagramm ==
| |
|
| |
|
| <graph> | | <graph> |
Zeile 151: |
Zeile 119: |
| {"x": "PARTEI","y": 2.4,"c":6}, | | {"x": "PARTEI","y": 2.4,"c":6}, |
| {"x": "dieBasis","y": 1.8,"c":7}, | | {"x": "dieBasis","y": 1.8,"c":7}, |
| {"x": "Sonstige","y": 1,"c":8}, | | {"x": "Sonstige","y": 1,"c":8} |
| {"x": " ","y": 40,"c":9}
| |
| ] | | ] |
| } | | } |
Zeile 173: |
Zeile 140: |
| "name": "color", | | "name": "color", |
| "type": "ordinal", | | "type": "ordinal", |
| "range": ["#71be43", "#000000", "#ec1b23", "#fff203", "#ff08c1", "#08c1ff", "#cf0034", "#ff5100", "#787878", "#ffffff"], | | "range": ["#71be43", "#000000", "#ec1b23", "#fff203", "#ff08c1", "#08c1ff", "#cf0034", "#ff5100", "#787878"], |
| "domain": {"data": "table", "field": "c"} | | "domain": {"data": "table", "field": "c"} |
| } | | } |
Zeile 215: |
Zeile 182: |
| ] | | ] |
| } | | } |
| </graph>
| |
|
| |
| == Weiteres Diagramm ==
| |
| <graph>{
| |
| "version": 2,
| |
| "width": 400,
| |
| "height": 200,
| |
| "data": [
| |
| {
| |
| "name": "table",
| |
| "values": [
| |
| {
| |
| "x": 0,
| |
| "y": 1
| |
| },
| |
| {
| |
| "x": 1,
| |
| "y": 3
| |
| },
| |
| {
| |
| "x": 2,
| |
| "y": 4
| |
| },
| |
| {
| |
| "x": 3,
| |
| "y": 24
| |
| },
| |
| {
| |
| "x": 4,
| |
| "y": 21
| |
| },
| |
| {
| |
| "x": 5,
| |
| "y": 22
| |
| }
| |
| ]
| |
| }
| |
| ],
| |
| "scales": [
| |
| {
| |
| "name": "x",
| |
| "type": "linear",
| |
| "range": "width",
| |
| "zero": false,
| |
| "domain": {
| |
| "data": "table",
| |
| "field": "x"
| |
| }
| |
| },
| |
| {
| |
| "name": "y",
| |
| "type": "linear",
| |
| "range": "height",
| |
| "nice": true,
| |
| "domain": {
| |
| "data": "table",
| |
| "field": "y"
| |
| }
| |
| }
| |
| ],
| |
| "axes": [
| |
| {
| |
| "type": "x",
| |
| "scale": "x"
| |
| },
| |
| {
| |
| "type": "y",
| |
| "scale": "y"
| |
| }
| |
| ],
| |
| "marks": [
| |
| {
| |
| "type": "line",
| |
| "from": {
| |
| "data": "table"
| |
| },
| |
| "properties": {
| |
| "enter": {
| |
| "x": {
| |
| "scale": "x",
| |
| "field": "x"
| |
| },
| |
| "y": {
| |
| "scale": "y",
| |
| "field": "y"
| |
| },
| |
| "y2": {
| |
| "scale": "y",
| |
| "value": 0
| |
| },
| |
| "interpolate": {
| |
| "value": "monotone"
| |
| },
| |
| "stroke": {
| |
| "value": "steelblue"
| |
| },
| |
| "strokeWidth": {
| |
| "value": 3
| |
| }
| |
| }
| |
| }
| |
| }
| |
| ]
| |
| }</graph>
| |
|
| |
| == Testgelände ==
| |
| <graph>{
| |
| "version": 2,
| |
| "width": 400,
| |
| "height": 200,
| |
| "data": [
| |
| {
| |
| "name": "table",
| |
| "values": [
| |
| {
| |
| "x": 0,
| |
| "y": 1
| |
| },
| |
| {
| |
| "x": 1,
| |
| "y": 3
| |
| },
| |
| {
| |
| "x": 2,
| |
| "y": 2
| |
| },
| |
| {
| |
| "x": 3,
| |
| "y": 4
| |
| }
| |
| ]
| |
| }
| |
| ],
| |
| "scales": [
| |
| {
| |
| "name": "x",
| |
| "type": "linear",
| |
| "range": "width",
| |
| "zero": false,
| |
| "domain": {
| |
| "data": "table",
| |
| "field": "x"
| |
| }
| |
| },
| |
| {
| |
| "name": "y",
| |
| "type": "linear",
| |
| "range": "height",
| |
| "nice": true,
| |
| "domain": {
| |
| "data": "table",
| |
| "field": "y"
| |
| }
| |
| }
| |
| ],
| |
| "axes": [
| |
| {
| |
| "type": "x",
| |
| "scale": "x"
| |
| },
| |
| {
| |
| "type": "y",
| |
| "scale": "y"
| |
| }
| |
| ],
| |
| "marks": [
| |
| {
| |
| "type": "area",
| |
| "from": {
| |
| "data": "table"
| |
| },
| |
| "properties": {
| |
| "enter": {
| |
| "x": {
| |
| "scale": "x",
| |
| "field": "x"
| |
| },
| |
| "y": {
| |
| "scale": "y",
| |
| "field": "y"
| |
| },
| |
| "y2": {
| |
| "scale": "y",
| |
| "value": 0
| |
| },
| |
| "fill": {
| |
| "value": "steelblue"
| |
| },
| |
| "interpolate": {
| |
| "value": "monotone"
| |
| }
| |
| }
| |
| }
| |
| }
| |
| ]
| |
| }</graph>
| |
|
| |
| == Tortendiagramm ==
| |
| <graph>
| |
|
| |
| {
| |
| "version": 2,
| |
| "width": 100,
| |
| "height": 100,
| |
| "data": [
| |
| {
| |
| "name": "table",
| |
| "values": [12,23,47,6,52,19],
| |
| "transform": [{"type": "pie","field": "data"}]
| |
| }
| |
| ],
| |
| "scales": [
| |
| {
| |
| "name": "r",
| |
| "type": "sqrt",
| |
| "domain": {"data": "table","field": "data"},
| |
| "range": [100,100]
| |
| }
| |
| ],
| |
| "marks": [
| |
| {
| |
| "type": "arc",
| |
| "from": {"data": "table"},
| |
| "properties": {
| |
| "enter": {
| |
| "x": {"field": {"group": "width"},"mult": 0.5},
| |
| "y": {"field": {"group": "height"},"mult": 0.5},
| |
| "startAngle": {"field": "layout_start"},
| |
| "endAngle": {"field": "layout_end"},
| |
| "innerRadius": {"value": 20},
| |
| "outerRadius": {"scale": "r","field": "data"},
| |
| "stroke": {"value": "#fff"}
| |
| },
| |
| "update": {"fill": {"value": "#ccc"} },
| |
| "hover": {"fill": {"value": "pink"} }
| |
| }
| |
| },
| |
| {
| |
| "type": "text",
| |
| "from": {"data": "table"},
| |
| "properties": {
| |
| "enter": {
| |
| "x": {"field": {"group": "width"},"mult": 0.5},
| |
| "y": {"field": {"group": "height"},"mult": 0.5},
| |
| "radius": {"scale": "r","field": "data","offset": 8},
| |
| "theta": {"field": "layout_mid"},
| |
| "fill": {"value": "#000"},
| |
| "align": {"value": "center"},
| |
| "baseline": {"value": "middle"},
| |
| "text": {"field": "data"}
| |
| }
| |
| }
| |
| }
| |
| ]
| |
| }
| |
|
| |
| </graph> | | </graph> |