Background for black and white chartIs there a problem with using black text on white backgrounds?Should a multinational website background color be a conscious choice?Spice up UI with Black Text on White BackgroundUsers stating that the redesign is too bright?Is blue text, or blue background better for maintaining alertness?When and how can a floating column chart be useful?Grey versus white background for ease of use and readability/legibilityBackground patterns - do or don't?Mostly white screen (8 hours per day)
“These days are over” vs. “those days are over”
Is there an uncertainty associated with the value 0 K for absolute zero?
Can a Horizon Walker ranger use the Distant Strike feature to teleport out of the Forcecage spell?
How can I run a cable past a horizontal block between studs in my wall?
How to initiate a conversation with a person who recently had transition but you were not in touch with them?
Multithreading program stuck in optimized mode but runs normally in -O0
Short story where algae runs a kind of software simulation of another world where life is evolving
Are ^ and _ the only commands in LaTeX not preceded by a backslash?
Simple n-body class in C++
I can be found near gentle green hills and stony mountains
Has the 75 move draw rule ever been invoked in a FIDE rated standard game involving a GM?
Is 2FA via mobile phone still a good idea when phones are the most exposed device?
What is your preferred method to figure out the key?
Function defined everywhere but continuous nowhere
Can Shadow Pokémon be Shiny in Pokémon Go?
How can you coordinate an attack against a monster that cannot be gazed upon?
How offensive is Fachidiot?
Why combine commands on a single line in a Bash script?
Why can't my custom camera body focus to far distances?
Error: Could not find org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25 in Ionic 3
"bees" -> "hive" in 5 letter changes or fewer
Internals of backup compression with TDE (SQL Server)
What is the name for a placename that contains what the thing is in a different language?
Why are VW tail light bulbs listed as 12W / 5W?
Background for black and white chart
Is there a problem with using black text on white backgrounds?Should a multinational website background color be a conscious choice?Spice up UI with Black Text on White BackgroundUsers stating that the redesign is too bright?Is blue text, or blue background better for maintaining alertness?When and how can a floating column chart be useful?Grey versus white background for ease of use and readability/legibilityBackground patterns - do or don't?Mostly white screen (8 hours per day)
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty
margin-bottom:0;
I have a plot where I stack the color white and black as values by month.
I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like.
Any suggestions what I can use for my background?
Or highlight them from the background?
website-design design info-visualisation charts background
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
|
show 4 more comments
I have a plot where I stack the color white and black as values by month.
I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like.
Any suggestions what I can use for my background?
Or highlight them from the background?
website-design design info-visualisation charts background
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
31
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
14
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
10
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
6
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
4
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51
|
show 4 more comments
I have a plot where I stack the color white and black as values by month.
I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like.
Any suggestions what I can use for my background?
Or highlight them from the background?
website-design design info-visualisation charts background
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
I have a plot where I stack the color white and black as values by month.
I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like.
Any suggestions what I can use for my background?
Or highlight them from the background?
website-design design info-visualisation charts background
website-design design info-visualisation charts background
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
edited Jun 12 at 15:02
Mike M
16k1 gold badge34 silver badges44 bronze badges
16k1 gold badge34 silver badges44 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
asked Jun 12 at 11:54
flexitaga23flexitaga23
1071 silver badge3 bronze badges
1071 silver badge3 bronze badges
31
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
14
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
10
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
6
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
4
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51
|
show 4 more comments
31
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
14
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
10
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
6
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
4
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51
31
31
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
14
14
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
10
10
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
6
6
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
4
4
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51
|
show 4 more comments
4 Answers
4
active
oldest
votes
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 whole: total sales for that time period.
Is there a specific reason you have to use just this combination?
Not part of your question, but a thought on understanding trends
Stacked bar charts present visualization challenges, as it's not possible without a legend that's interactive to show the growth of the 2nd (black) category not tied to the baseline of the x-axis.
Can you allow your users to select / deselect the legend (or switch views) to display sales trends more clearly by each product line?
What stacked bars show
To identify distribution along time of parts of a whole, you need enough contrast to identify the parts, but not too much that it appears to be a completely separate entity.
The whole set for each time period is Sales. Each product could be considered an aspect of what constitutes total sales units (or revenue, it's unclear from your chart).
What happens the moment you introduce a third product?
Rather than trying to fit a solution, can you test your approach with users?
Since the goal is to impart understanding of:
- total sales, month over month
- the performance of one product as compared to another
Could you ask users how they interpret the data? 'Which product is performing better', 'What are the trends?'
It could turn out that your black/white presentation can work, but in the absence of testing for understanding the data and its trend, you will not be fulfilling the purpose of a visualization.
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
|
show 2 more comments
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 to an adjacent bar.
Here's a quick mock-up of an alternative:
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
add a comment
|
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
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
add a comment
|
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 touching?
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
add a comment
|
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "102"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126238%2fbackground-for-black-and-white-chart%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
4 Answers
4
active
oldest
votes
4 Answers
4
active
oldest
votes
active
oldest
votes
active
oldest
votes
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 whole: total sales for that time period.
Is there a specific reason you have to use just this combination?
Not part of your question, but a thought on understanding trends
Stacked bar charts present visualization challenges, as it's not possible without a legend that's interactive to show the growth of the 2nd (black) category not tied to the baseline of the x-axis.
Can you allow your users to select / deselect the legend (or switch views) to display sales trends more clearly by each product line?
What stacked bars show
To identify distribution along time of parts of a whole, you need enough contrast to identify the parts, but not too much that it appears to be a completely separate entity.
The whole set for each time period is Sales. Each product could be considered an aspect of what constitutes total sales units (or revenue, it's unclear from your chart).
What happens the moment you introduce a third product?
Rather than trying to fit a solution, can you test your approach with users?
Since the goal is to impart understanding of:
- total sales, month over month
- the performance of one product as compared to another
Could you ask users how they interpret the data? 'Which product is performing better', 'What are the trends?'
It could turn out that your black/white presentation can work, but in the absence of testing for understanding the data and its trend, you will not be fulfilling the purpose of a visualization.
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
|
show 2 more comments
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 whole: total sales for that time period.
Is there a specific reason you have to use just this combination?
Not part of your question, but a thought on understanding trends
Stacked bar charts present visualization challenges, as it's not possible without a legend that's interactive to show the growth of the 2nd (black) category not tied to the baseline of the x-axis.
Can you allow your users to select / deselect the legend (or switch views) to display sales trends more clearly by each product line?
What stacked bars show
To identify distribution along time of parts of a whole, you need enough contrast to identify the parts, but not too much that it appears to be a completely separate entity.
The whole set for each time period is Sales. Each product could be considered an aspect of what constitutes total sales units (or revenue, it's unclear from your chart).
What happens the moment you introduce a third product?
Rather than trying to fit a solution, can you test your approach with users?
Since the goal is to impart understanding of:
- total sales, month over month
- the performance of one product as compared to another
Could you ask users how they interpret the data? 'Which product is performing better', 'What are the trends?'
It could turn out that your black/white presentation can work, but in the absence of testing for understanding the data and its trend, you will not be fulfilling the purpose of a visualization.
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
|
show 2 more comments
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 whole: total sales for that time period.
Is there a specific reason you have to use just this combination?
Not part of your question, but a thought on understanding trends
Stacked bar charts present visualization challenges, as it's not possible without a legend that's interactive to show the growth of the 2nd (black) category not tied to the baseline of the x-axis.
Can you allow your users to select / deselect the legend (or switch views) to display sales trends more clearly by each product line?
What stacked bars show
To identify distribution along time of parts of a whole, you need enough contrast to identify the parts, but not too much that it appears to be a completely separate entity.
The whole set for each time period is Sales. Each product could be considered an aspect of what constitutes total sales units (or revenue, it's unclear from your chart).
What happens the moment you introduce a third product?
Rather than trying to fit a solution, can you test your approach with users?
Since the goal is to impart understanding of:
- total sales, month over month
- the performance of one product as compared to another
Could you ask users how they interpret the data? 'Which product is performing better', 'What are the trends?'
It could turn out that your black/white presentation can work, but in the absence of testing for understanding the data and its trend, you will not be fulfilling the purpose of a visualization.
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
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 whole: total sales for that time period.
Is there a specific reason you have to use just this combination?
Not part of your question, but a thought on understanding trends
Stacked bar charts present visualization challenges, as it's not possible without a legend that's interactive to show the growth of the 2nd (black) category not tied to the baseline of the x-axis.
Can you allow your users to select / deselect the legend (or switch views) to display sales trends more clearly by each product line?
What stacked bars show
To identify distribution along time of parts of a whole, you need enough contrast to identify the parts, but not too much that it appears to be a completely separate entity.
The whole set for each time period is Sales. Each product could be considered an aspect of what constitutes total sales units (or revenue, it's unclear from your chart).
What happens the moment you introduce a third product?
Rather than trying to fit a solution, can you test your approach with users?
Since the goal is to impart understanding of:
- total sales, month over month
- the performance of one product as compared to another
Could you ask users how they interpret the data? 'Which product is performing better', 'What are the trends?'
It could turn out that your black/white presentation can work, but in the absence of testing for understanding the data and its trend, you will not be fulfilling the purpose of a visualization.
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
edited Jun 14 at 0:07
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
answered Jun 12 at 13:45
Mike MMike M
16k1 gold badge34 silver badges44 bronze badges
16k1 gold badge34 silver badges44 bronze badges
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
|
show 2 more comments
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
1
1
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
"Is there a technical/branding reason you can't reconsider?" - in a comment, the OP has stated that "The plot show sells of the same product in different colors (black and white)."
– O. R. Mapper
Jun 12 at 14:01
2
2
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
Also, I agree with your statement "White is giving the appearance as the absence of data." in general, but ... maybe I'm biased already due to reading the aforementioned comment/explanation for the colours, but as hard as I try to focus on the idea that "white indicates absence", I cannot make myself perceive the white parts of the bars in OP's chart as absence of anything.
– O. R. Mapper
Jun 12 at 14:03
4
4
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
Thanks for the taped sticky notes. Now how do I get the glue off my monitor?
– Rich
Jun 13 at 17:00
1
1
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
@BruceWayne: You mistyped a word: “It’s not what you say, it’s what they hear.” (Also, I would recommend a semicolon (‘;’) there.)
– Scott
Jun 15 at 4:22
1
1
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
@Scott bah! Yeah that's a typo thanks for catching.
– BruceWayne
Jun 15 at 4:23
|
show 2 more comments
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 to an adjacent bar.
Here's a quick mock-up of an alternative:
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
add a comment
|
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 to an adjacent bar.
Here's a quick mock-up of an alternative:
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
add a comment
|
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 to an adjacent bar.
Here's a quick mock-up of an alternative:
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
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 to an adjacent bar.
Here's a quick mock-up of an alternative:
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
answered Jun 12 at 16:07
Roger AttrillRoger Attrill
67.4k14 gold badges141 silver badges230 bronze badges
67.4k14 gold badges141 silver badges230 bronze badges
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
add a comment
|
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
21
21
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
There's another important reason why this plot is more readable than all the alternatives: the border around the white part of the bar.
– Federico Poloni
Jun 13 at 14:15
add a comment
|
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
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
add a comment
|
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
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
add a comment
|
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
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
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
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
edited Jun 12 at 14:51
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
answered Jun 12 at 13:44
Nicolas HungNicolas Hung
3,1201 gold badge8 silver badges17 bronze badges
3,1201 gold badge8 silver badges17 bronze badges
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
add a comment
|
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
As the OP has stated in a comment, the black and white bars represent products coloured black and white, respectively. It would be interesting to see the above examples from your answer with category labels "black" and "white" rather than somewhat generic labels such as "False" or "Positive".
– O. R. Mapper
Jun 12 at 14:05
add a comment
|
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 touching?
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
add a comment
|
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 touching?
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
add a comment
|
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 touching?
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
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 touching?
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
answered Jun 12 at 12:50
Mr DCMr DC
335 bronze badges
335 bronze badges
add a comment
|
add a comment
|
Thanks for contributing an answer to User Experience Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126238%2fbackground-for-black-and-white-chart%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
31
Why not consider different colors for the black and white?
– Nicolas Hung
Jun 12 at 12:18
14
The plot show sells of the same product in different colors (black and white). I think it make no sense to use red as fill color for the product in white.
– flexitaga23
Jun 12 at 12:30
10
you're using 2 colors in your bars, you could use literally any other color in the wheel. I don't see the problem.
– Luciano
Jun 12 at 12:30
6
You might find that you run into contrast issues. I would seriously look for another solution - it could be different colours or maybe a different chart type would help
– Andrew Martin
Jun 12 at 12:38
4
You might get better answers at Graphic Design SE (graphicdesign.stackexchange.com).
– locationunknown
Jun 12 at 12:51