PBIX Freezes

[Nish0234]

Hello,

Since last few days I am facing an issue of the PBIX that I am working on freezes and have to forcefully close the file. This happens only when I copy and paste below code in config.

{
  "width": "container",
  "height": "container",
  "autosize": {
    "type": "fit",
    "contains": "padding",
    "resize": true
  },
  "view": {"stroke": "transparent"},
  "font": "Segoe UI",
  "arc": {},
  "area": {},
  "bar": {},
  "line": { },
  "path": {},
  "point": {"filled": true, "size": 75},
  "rect": {},
  "shape": {},
  "symbol": { },
  "tick": {"width": 60, "height": 5, 
      "thickness": 5,
      "bandSize": 20
    },
  "text": {
          "font": "Segoe UI",
           "fontSize": 12,
          "fontWeight": "bold"  },
  
  "axis": {
    "ticks": false,
    "grid": false,
    "domain": false,
    "labelFlush": false,
    "labelColor": "black",
    "labelFontWeight": "bold",
    "labelFontSize": 13,
    "titleFont": "wf_standard-font, helvetica, arial, sans-serif",
    "titleColor": "black",
    "titleFontSize": 16,
    "titleFontWeight": "bold"
  },
  
   "axisQuantitative": {
     "tickCount": 5,
    "grid": false,
    "gridDash": [1, 5],
    "labelFlush": true
  },
  "axisX": {"labelPadding": 5,
            "labelAngle": 0 },
  "axisY": {"labelPadding": 5
  },
  "header": {
    "titleFont": "wf_standard-font, helvetica, arial, sans-serif",
    "titleFontSize": 16,
    "labelFont": "Segoe UI",
    "labelFontSize": 13.333333333333332,
    "labelColor": "#605E5C"
  },
  "legend": {
    "titleFont": "Segoe UI",
    "titleFontWeight": "bold",
    "labelFont": "Segoe UI",
    "labelFontSize": 13.333333333333332,
    "symbolType": "circle",
    "symbolSize": 75
  }
}

[dm-p]

Hi, and thanks for raising. This is an odd problem, for sure. The part of your config causing the problem is this:

{
    "width": "container",
    "height": "container"
}

Deneb manages the height and width (with similar values if missing) when a spec change is applied, so they are unnecessary. However, this shouldn't break things for you and I will investigate and hopefully fix it.

For now as a workaround, you can paste the config without those offending values, e.g.:

{
    "autosize": {
        "type": "fit",
        "contains": "padding",
        "resize": true
    },
    "view": {
        "stroke": "transparent"
    },
    "font": "Segoe UI",
    "arc": {},
    "area": {},
    "bar": {},
    "line": {},
    "path": {},
    "point": {
        "filled": true,
        "size": 75
    },
    "rect": {},
    "shape": {},
    "symbol": {},
    "tick": {
        "width": 60,
        "height": 5,
        "thickness": 5,
        "bandSize": 20
    },
    "text": {
        "font": "Segoe UI",
        "fontSize": 12,
        "fontWeight": "bold"
    },
    "axis": {
        "ticks": false,
        "grid": false,
        "domain": false,
        "labelFlush": false,
        "labelColor": "black",
        "labelFontWeight": "bold",
        "labelFontSize": 13,
        "titleFont": "wf_standard-font, helvetica, arial, sans-serif",
        "titleColor": "black",
        "titleFontSize": 16,
        "titleFontWeight": "bold"
    },
    "axisQuantitative": {
        "tickCount": 5,
        "grid": false,
        "gridDash": [
            1,
            5
        ],
        "labelFlush": true
    },
    "axisX": {
        "labelPadding": 5,
        "labelAngle": 0
    },
    "axisY": {
        "labelPadding": 5
    },
    "header": {
        "titleFont": "wf_standard-font, helvetica, arial, sans-serif",
        "titleFontSize": 16,
        "labelFont": "Segoe UI",
        "labelFontSize": 13.333333333333332,
        "labelColor": "#605E5C"
    },
    "legend": {
        "titleFont": "Segoe UI",
        "titleFontWeight": "bold",
        "labelFont": "Segoe UI",
        "labelFontSize": 13.333333333333332,
        "symbolType": "circle",
        "symbolSize": 75
    }
}

---

Root cause (for my notes when I get time to address):

When the above values are supplied, they cause an infinite loop in the Vega renderer, which eventually causes the JS thread to hang. We get the following errors in the console (repeated until our session dies):

[Nish0234]

Thank You very much for your quick response and thank you for providing such an amazing visual. Cheers, Nish

…

On Thu, Oct 24, 2024 at 4:46 PM Daniel Marsh-Patrick < ***@***.***> wrote: Hi, and thanks for raising. This is an odd problem, for sure. The part of your config causing the problem is this: { "width": "container", "height": "container" } Deneb manages the height and width (with similar values if missing) when a spec change is applied, so they are unnecessary. However, this shouldn't break things for you and I will investigate and hopefully fix it. For now as a workaround, you can paste the config without those offending values, e.g.: { "autosize": { "type": "fit", "contains": "padding", "resize": true }, "view": { "stroke": "transparent" }, "font": "Segoe UI", "arc": {}, "area": {}, "bar": {}, "line": {}, "path": {}, "point": { "filled": true, "size": 75 }, "rect": {}, "shape": {}, "symbol": {}, "tick": { "width": 60, "height": 5, "thickness": 5, "bandSize": 20 }, "text": { "font": "Segoe UI", "fontSize": 12, "fontWeight": "bold" }, "axis": { "ticks": false, "grid": false, "domain": false, "labelFlush": false, "labelColor": "black", "labelFontWeight": "bold", "labelFontSize": 13, "titleFont": "wf_standard-font, helvetica, arial, sans-serif", "titleColor": "black", "titleFontSize": 16, "titleFontWeight": "bold" }, "axisQuantitative": { "tickCount": 5, "grid": false, "gridDash": [ 1, 5 ], "labelFlush": true }, "axisX": { "labelPadding": 5, "labelAngle": 0 }, "axisY": { "labelPadding": 5 }, "header": { "titleFont": "wf_standard-font, helvetica, arial, sans-serif", "titleFontSize": 16, "labelFont": "Segoe UI", "labelFontSize": 13.333333333333332, "labelColor": "#605E5C" }, "legend": { "titleFont": "Segoe UI", "titleFontWeight": "bold", "labelFont": "Segoe UI", "labelFontSize": 13.333333333333332, "symbolType": "circle", "symbolSize": 75 } } ------------------------------ *Root cause* (for my notes when I get time to address): When the above values are supplied, they cause an infinite loop in the Vega renderer, which eventually causes the JS thread to hang. We get the following errors in the console (repeated until our session dies): image.png (view on web) <https://github.com/user-attachments/assets/50139d81-a118-48ad-954a-4f643e6bf42d> — Reply to this email directly, view it on GitHub <#514 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BMMUD3HOMZLDVZFIXHMLBQDZ5FMDDAVCNFSM6AAAAABQRQFCHKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZWGMYDQMZYGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>