Vlog: Sisense BloXs Explained with Diego Cordero
Hi, my name is Diego and I’m the BI Lead and Data Strategist at Profusion. Today we will be looking at Sisense BloX in our Corona Learning Series. We have used Sisense before. It’s a dashboarding tool which allows you to combine data from many different sources to have a single source of truth and create highly interactive dashboards. This enables you to filter and drill down into your data and get actionable insights.
Sisense also has the capabilities to create analytical apps. And that’s where BloX comes into play. Sisense BloX is an official add on that can be found on the Sisense marketplace. With BloX, you can turn your dashboards into analytical apps using basic standard CSS, and JSON, which allows you to access many API capabilities directly in the Sisense UI in a low code environment. This means that actionable insights are one click away with predefined or custom actions. This is complemented with ability to add images, text, conditional formatting, and even video to your dashboard. On this video we will go through some of these features with a few use cases.
Here we have an empty dashboard, which has last in the last week we have Spotify data from our company’s account. So now let’s start let’s try to visualise the top artists. Let’s go and search for top artists. We select the name and we have a list here of the top artists but let’s go to ‘Advanced Configurations’ where we can change the type of chart. Here on the list, if you scroll down, you’ll find BloX when it’s installed, if it’s not already installed as your CSM. You can see that automatically we get a template a very basic template of BloX, which is welcoming you to BloX. This is a text block contained in a container within the body. If you are familiar with HTML where elements are contained in other elements, this is the same structure where one item is contained in another item. That way you can create HTML kind of structures. Now let’s go on and delete and do with this even more basic. Let’s delete the container and just leave the text., and let’s get rid of the styling. Now we can see that the background is still yellow as because it’s in the configuration file. We can change that to white, we can use hex, or we can use text. We go back to our editor; we can now start using and adding the data to our BloX. As you can see, we have arrows that means BloX adds a new card for every element in our data.
So, if we add curly brackets here and add panel colon name, you can see that the name now displays here, and we have a card for every point on the data. Now we want that to be only one top artist. So, we search for the day rank for the top artists and select one now because he’s just Red Hot Chilli Peppers, let’s add more data we get the genres and images for top artists. And let’s also add the URI which will allow us to open Spotify from our dashboard. Let’s make that a bit more user friendly.
Now if we copy and paste this another text element, we can just simply change this to general and we can see that the genre is already there. Now, Sisense BloXs has snippets out of the box, where you can just copy and paste containers, attributes, text styling components, so let’s go to components and select image so that we can copy an image. Here we can see a new default image, we can get rid of the classes, the ID, we’re not going to use that here is where we cannot paste our image. If we do panel image, we get the image. So, it’s the same as text. It’s just very basic structure to get the data into dashboard. We get rid of the filter, or we change the day rank, you see that there’s other bands showing. Now let’s go back to our design. And we want to have a button to open the URLs. So, let’s go to actions and action types and we can see that open URL is what we need, we just copy and paste that here. In the URL, what we need to do is exactly the same as above, we do panel and URI and now we have to have it here. Let’s change that to Spotify. And if we click, it will open on Spotify. There we go.
Now let’s do that, let’s put this in a much better structure. So, if we go back to our snippets, in containers, we can find a column set so that we can put side by side or content. So, we do column set, and let’s go back and add a column. Let’s add two columns. One will contain the image on the left. On the left, let’s delete that and the text will be on the right.
And there we go. Now the image seems very, very big. As you can see here, the size of it is auto, we change that to large will change and in configuration, we can change that to suit our needs or the size that we want to want 200 we can do 200. Now, back to our editor, we can start adding a few things so that these looks better for example, heading spacing, medium. That’s a spacing so that the image is not just right in the to the border, and we can add that also to our text and it looks better. And let’s change the background to black and our text to white. Now that looks better. After a few tweaks, we now have our final structure. We’ve added a new text block to top artists we’ve centred the image, and we’ve added hierarchy to the text. Now we click apply, and that is now on our dashboard. This is how our final product looks like where we have our header, indicators, and top artists and top track created all with BloXs, as well as graphs, traditional ones that show when we listen to music, the different genres and the features of the songs that we listen to. Additionally, we’ve added a list of the new releases so the user can open Spotify directly from the dashboard and see which ones are the new releases.
And that’s it for today. But join us on our next video to see how we can create custom actions. Thank you for watching.
Please contact us on Hello@profusion.com for any Sisense related queries.