Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

New answers tagged

15

That looks like a form of polar area diagram. Also known as a ‘rose diagram’, this is almost 200 years old, and was popularised by Florence Nightingale to highlight death rates in different months: It uses equal angles, with the radius indicating the magnitude.  (Though that means the area isn't proportional.  Alternatively, you could use area to indicate ...


21

Topologically, it looks the same as a Spider chart with 4 variables, but each variable is displayed as a quarter-circle instead of a point.


2

It looks like a 2x2 matrix diagram combined with a donut chart in the center that shows the total count. A bar chart or heatmap table would be a better form of communicating the relationship between the numbers, e.g:


10

Since the attributes are not distribution, you could show the initial score, and place a severity breakdown below. Allow hovertips and details for drilldown. Instead of focusing on the current chart (the implementation, or 'how'), maybe we can address the possible questions in the users mind (the problem space). What is my current threat/security score? ...


31

I wouldn’t call this a “chart”, but rather numbers with decorations. The numbers don’t add up to the total, and the pie sizes are decorative rather than informational. Sizes don’t make sense either. Using this will create more confusion than answers. The most approximate chart to the provided images is a Donut Chart. Refer to this link about how to use ...


55

This is an absolute 'No no' in creating charts. This is a very bad way of representing data, to make it look like Donut chart but non-functional. It doesn't matter if the thickness is proportional to the value, that is a secondary dimension. The primary dimension must be proportional to the primary value. Having a regular Donut chart is adequate for this ...


35

Stacked bar charts often use a darker colour at the bottom and lighter colour at the top. Bolder darker colours look strong and more supportive of what's on top. Your chart bars looks top heavy, with black areas 'floating', rather than the bar giving the impression of 'tapering up to the sky'. Outlining the bars would also help to stop the bleed from one bar ...


53

White is giving the appearance as the absence of data. Data visualization is not about what you intend, it's about what they perceive. Black and white have connotations as opposites. Some cultural connotations are good/bad, empty/full, etc. These vary. Seeing this much black and white is also harsh on the eyes. I'm losing track that these are parts of a ...


22

If black and white maps to the colors of the products, then consider outlining the white bar to add some contrast. Some Tips: What to consider when creating stacked column charts


1

I often like using something like #f5f5f5/#f1f1f1 as a light grey background - this lets white stand out a bit (albeit, subtly). Then I can add a subtle shadow or border to the white object and it really pops (The testimonials here for example https://zudu.co.uk/). Something similar may work here but i'm not sure if shadows will work on bars that are ...


5

Your placeholders need to be explicit enough to allow users understanding what they are waiting for during loading time. Are we waiting for the chart lib to load ? data ? maybe the whole component ? Axis only This option is probably the best match with other components placeholder as it imply that only data is loading ans everything else is already setup ...


1

These are called lazy load images. It is good practice to show relevant image in each component. If it is image/chart then show chart image (fig1) or if it is going to be a text/paragraph then, show paragraph image (fig2) Fig1 Fig2 But remember it doesn't matter whether you use animated or non-animated placeholders to the user if the data doesn't load ...


Top 50 recent answers are included