Comments (10)
Angie Hjort
Sep 30, 2024this filter doesn't change anything, does it? again, see how you can add brandOptions in the cell below to filter items
Angie Hjort
Sep 30, 2024this slider doesn't change anything, does it?
Sep 30, 2024
see if you can add the numItems from above in the cell below to make the chart change
Angie Hjort
Sep 30, 2024to make numbers visible, use fill instead of stroke, and also add dy: -10 in order to shift the bits of text 10 pixels above. (the distance is counted from top-left corner hence the minus to move things up)
Sep 30, 2024
the resulting config inside the text mark would look like this
x: "day", y: "revenue", fill: "brand", dy: -10
Liliana Priestaf
Oct 14, 2024done
Angie Hjort
Oct 15, 2024i mean, for text mark, not for dot mark :)
Liliana Priestaf
Oct 14, 2024Ask for more help!
Angie Hjort
Oct 15, 2024sure!
1. in the chart code, the filter is failing, which you can verify by commenting it out (adding // in the beginning of the line and re-running the cell, press Play ▶)
// filter: d=> brands.includes(d.brandOptions),
2. next, you can see what is brands by creating a new cell where you just type brands
you should see this:
Array(5) ["Google", "Android", "Google Cloud", "YouTube", "#IamRemarkable"]
when you click the checkboxes, this array would change too
3. notice that .includes() is a method of an array where you need to pass one of the items
thus brands.includes("Google") would return true — passing the filter
4. what are you passing into the .includes() method? d.brandOptions — this is wrong, because d is one item of items array that looks like this
{
name: "Google Zip Hoodie F/C"
category: "Apparel"
brand: "Google"
count: 256
revenue: 12792
}
there is no property "brandOptions" here or in any other item, so none of the items pass the filter. what you should have is d.brand instead of d.brandOptions
lmk if need more help!
Liliana Priestaf
Oct 16, 2024Thanks!