Coder Social home page Coder Social logo

Comments (2)

fmamberti-wandb avatar fmamberti-wandb commented on May 26, 2024

Hi @Livvi, sorry to hear you are experiencing this issue. As mentioned in the post you linked, this is a known bug our end. I will add your report to it so we can keep you updated with any progress.

As a workaround, you can edit the Vega specs to something as follow:

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "A simple histogram",
  "data": {"name": "wandb"},
  "transform": [
    {
      "calculate": "if('${field:groupKeys}' === '' || datum['${field:groupKeys}'] === '', false, true)",
      "as": "grouped"
    },
    {
      "calculate": "if('${field:groupKeys}' === '' || datum['${field:groupKeys}'] === '', datum.name, datum['${field:groupKeys}'])",
      "as": "newGroupKeys"
    },
    {
      "calculate": "if('${field:groupKeys}' === '' || datum['${field:groupKeys}'] === '', datum.color, datum['${field:groupKeys}'])",
      "as": "color"
    }
  ],
  "mark": {"type": "bar", "tooltip": {"content": "data"}},
  "encoding": {
    "x": {"bin": true, "field": "${field:value}", "type": "quantitative"},
    "y": {"aggregate": "count", "type": "quantitative"},
    "detail": [{"field": "newGroupKeys", "type": "nominal"}, {"field": "color", "type": "nominal"}],
    "color": {
      "field": "newGroupKeys",
      "type": "nominal",
      "scale": {"range": {"field": "color"}},
      "legend": {"title": null}
    }
  },
  "selection": {"grid": {"type": "interval", "bind": "scales"}},
  "title": "${string:title}",
  "resolve": {"scale": {"color": "independent"}}
}

And save it as a preset to be used directly via the SDK in the future.

from wandb.

Livvi avatar Livvi commented on May 26, 2024

Hi @fmamberti-wandb, I've tried the workaround and it works fine. Thanks for your help!

from wandb.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.