visinff 數據視覺化平台

JSON Spec

{
  "version": "1.0",
  "viewport": {
    "width": 800,
    "height": 450
  },
  "root": {
    "id": "root",
    "type": "group",
    "x": 0,
    "y": 0,
    "width": 800,
    "height": 450,
    "children": [
      {
        "id": "bg",
        "type": "rect",
        "x": 0,
        "y": 0,
        "width": 800,
        "height": 450,
        "style": {
          "fill": "#ffffff"
        }
      },
      {
        "id": "title",
        "type": "text",
        "x": 30,
        "y": 50,
        "width": 740,
        "height": 50,
        "text": "visinff 數據視覺化平台",
        "style": {
          "fill": "#111",
          "fontSize": 32,
          "fontWeight": "bold"
        }
      },
      {
        "id": "bar1",
        "type": "rect",
        "x": 60,
        "y": 280,
        "width": 120,
        "height": 120,
        "style": {
          "fill": "#1976d2"
        }
      },
      {
        "id": "bar2",
        "type": "rect",
        "x": 220,
        "y": 220,
        "width": 120,
        "height": 180,
        "style": {
          "fill": "#388e3c"
        }
      },
      {
        "id": "bar3",
        "type": "rect",
        "x": 380,
        "y": 160,
        "width": 120,
        "height": 240,
        "style": {
          "fill": "#f57c00"
        }
      },
      {
        "id": "label1",
        "type": "text",
        "x": 60,
        "y": 420,
        "width": 120,
        "height": 24,
        "text": "A",
        "style": {
          "fill": "#555",
          "fontSize": 16,
          "textAnchor": "middle"
        }
      },
      {
        "id": "label2",
        "type": "text",
        "x": 220,
        "y": 420,
        "width": 120,
        "height": 24,
        "text": "B",
        "style": {
          "fill": "#555",
          "fontSize": 16,
          "textAnchor": "middle"
        }
      },
      {
        "id": "label3",
        "type": "text",
        "x": 380,
        "y": 420,
        "width": 120,
        "height": 24,
        "text": "C",
        "style": {
          "fill": "#555",
          "fontSize": 16,
          "textAnchor": "middle"
        }
      }
    ]
  }
}

visinff 數據視覺化平台

JSON Spec

預覽