Deprecated: wp_getimagesize(): Implicitly marking parameter $image_info as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-includes/media.php on line 5481

Deprecated: ElementorDeps\DI\create(): Implicitly marking parameter $className as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/functions.php on line 32

Deprecated: ElementorDeps\DI\autowire(): Implicitly marking parameter $className as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/functions.php on line 44

Deprecated: ElementorDeps\DI\ContainerBuilder::writeProxiesToFile(): Implicitly marking parameter $proxyDirectory as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/ContainerBuilder.php on line 231

Deprecated: ElementorDeps\DI\Definition\Source\ReflectionBasedAutowiring::autowire(): Implicitly marking parameter $definition as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Source/ReflectionBasedAutowiring.php on line 17

Deprecated: ElementorDeps\DI\Definition\Source\Autowiring::autowire(): Implicitly marking parameter $definition as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Source/Autowiring.php on line 21

Deprecated: ElementorDeps\DI\Definition\Source\DefinitionFile::__construct(): Implicitly marking parameter $autowiring as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Source/DefinitionFile.php on line 25

Deprecated: ElementorDeps\DI\Definition\Source\DefinitionArray::__construct(): Implicitly marking parameter $autowiring as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Source/DefinitionArray.php on line 33

Deprecated: ElementorDeps\DI\Definition\Source\DefinitionNormalizer::normalizeRootDefinition(): Implicitly marking parameter $wildcardsReplacements as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Source/DefinitionNormalizer.php on line 42

Deprecated: ElementorDeps\DI\Proxy\ProxyFactory::__construct(): Implicitly marking parameter $proxyDirectory as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Proxy/ProxyFactory.php on line 38

Deprecated: ElementorDeps\DI\Container::__construct(): Implicitly marking parameter $definitionSource as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Container.php on line 87

Deprecated: ElementorDeps\DI\Container::__construct(): Implicitly marking parameter $proxyFactory as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Container.php on line 87

Deprecated: ElementorDeps\DI\Container::__construct(): Implicitly marking parameter $wrapperContainer as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Container.php on line 87

Deprecated: Automattic\Jetpack\Connection\Manager::setup_xmlrpc_handlers(): Implicitly marking parameter $xmlrpc_server as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-connection/src/class-manager.php on line 171

Deprecated: YoastSEO_Vendor\Symfony\Component\DependencyInjection\Container::__construct(): Implicitly marking parameter $parameterBag as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/wordpress-seo/vendor_prefixed/symfony/dependency-injection/Container.php on line 60

Deprecated: Jetpack_Memberships::clear_cache(): Implicitly marking parameter $user_id as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/jetpack/modules/memberships/class-jetpack-memberships.php on line 625

Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack ondersteunt geen Aangepaste CSS meer. Bekijk de documentatie van WordPress.org voor meer informatie over het toepassen van aangepaste stijlen op je site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-includes/functions.php on line 6031

Deprecated: Elementor\Controls_Stack::get_active_controls(): Implicitly marking parameter $controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/base/controls-stack.php on line 352

Deprecated: Elementor\Controls_Stack::get_active_controls(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/base/controls-stack.php on line 352

Deprecated: Elementor\Controls_Stack::get_style_controls(): Implicitly marking parameter $controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/base/controls-stack.php on line 799

Deprecated: Elementor\Controls_Stack::get_style_controls(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/base/controls-stack.php on line 799

Deprecated: Elementor\Elements_Manager::create_element_instance(): Implicitly marking parameter $element_type as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/managers/elements.php on line 70

Deprecated: Elementor\Element_Base::__construct(): Implicitly marking parameter $args as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/base/element-base.php on line 1569

Deprecated: Elementor\Repeater::__construct(): Implicitly marking parameter $args as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/elements/repeater.php on line 49

Deprecated: Elementor\Core\Utils\Collection::filter(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/utils/collection.php on line 43

Deprecated: ElementorDeps\DI\Definition\ObjectDefinition::__construct(): Implicitly marking parameter $className as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/ObjectDefinition.php on line 62

Deprecated: ElementorDeps\DI\Definition\ObjectDefinition::setClassName(): Implicitly marking parameter $className as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/ObjectDefinition.php on line 75

Deprecated: ElementorDeps\DI\Definition\ObjectDefinition::setLazy(): Implicitly marking parameter $lazy as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/ObjectDefinition.php on line 158

Deprecated: ElementorDeps\DI\Definition\Resolver\ObjectCreator::setPrivatePropertyValue(): Implicitly marking parameter $className as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Resolver/ObjectCreator.php on line 158

Deprecated: ElementorDeps\DI\Definition\Resolver\ParameterResolver::resolveParameters(): Implicitly marking parameter $definition as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Resolver/ParameterResolver.php on line 34

Deprecated: ElementorDeps\DI\Definition\Resolver\ParameterResolver::resolveParameters(): Implicitly marking parameter $method as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Definition/Resolver/ParameterResolver.php on line 34

Deprecated: ElementorPro\Modules\Forms\Submissions\Actions\Save_To_Database::save_action_log(): Implicitly marking parameter $exception as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/forms/submissions/actions/save-to-database.php on line 143

Deprecated: {closure:ElementorPro\Modules\Forms\Submissions\Actions\Save_To_Database::__construct():177}(): Implicitly marking parameter $exception as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/forms/submissions/actions/save-to-database.php on line 177

Deprecated: Automattic\Jetpack\Search\Classic_Search::get_filters(): Implicitly marking parameter $query as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/src/classic-search/class-classic-search.php on line 1451

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/vendor_prefixed/php-di/php-di/src/Container.php:87) in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-includes/feed-rss2.php on line 8
Createur https://createur.nl/ Wordpress Webdesign Sun, 28 Nov 2021 16:43:01 +0000 nl-NL hourly 1 https://i0.wp.com/createur.nl/wp-content/uploads/cropped-Favicon-1.png?fit=32%2C32&ssl=1 Createur https://createur.nl/ 32 32 125000933 DATAVIZ as HISTORY https://createur.nl/dataviz-as-history/ Sun, 28 Nov 2021 16:42:28 +0000 https://createur.nl/?p=5847 THE REVOLUTIONARYINFOGRAPHICS OF W.E.B. DU BOISAND BOOKER T. WASHINGTON   (Photo Above) W.E.B. Du Bois at the 1900 Paris Exposition.(Chronicling America: Historic American Newspapers-Library of Congress)  Data visualization techniques continue to provide popular tools for everyone from journalists, researchers and corporations to provide a better way to view often dense data and explain complex data in […]

Het bericht DATAVIZ as HISTORY verscheen eerst op Createur.

]]>

Deprecated: Elementor\Core\Files\CSS\Post::add_controls_stack_style_rules(): Implicitly marking parameter $all_controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/post.php on line 221

Deprecated: Elementor\Core\Files\CSS\Base::add_controls_stack_style_rules(): Implicitly marking parameter $all_controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 552

Deprecated: Elementor\Core\Files\CSS\Base::get_active_controls(): Implicitly marking parameter $controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 921

Deprecated: Elementor\Core\Files\CSS\Base::get_active_controls(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 921

Deprecated: Elementor\Core\Files\CSS\Base::get_style_controls(): Implicitly marking parameter $controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 949

Deprecated: Elementor\Core\Files\CSS\Base::get_style_controls(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/files/css/base.php on line 949

Deprecated: Elementor\Core\DynamicTags\Dynamic_CSS::add_controls_stack_style_rules(): Implicitly marking parameter $all_controls as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/dynamic-tags/dynamic-css.php on line 104

Deprecated: Elementor\Stylesheet::add_rules(): Implicitly marking parameter $query as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/stylesheet.php on line 141

Deprecated: Elementor\Includes\Elements\Container::__construct(): Implicitly marking parameter $args as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/elements/container.php on line 42

Deprecated: Elementor\Includes\Widgets\Traits\Button_Trait::render_button(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/widgets/traits/button-trait.php on line 517

Deprecated: Elementor\Includes\Widgets\Traits\Button_Trait::render_text(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/includes/widgets/traits/button-trait.php on line 648

Deprecated: ElementorPro\Modules\Posts\Traits\Button_Widget_Trait::render_button(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/posts/traits/button-widget-trait.php on line 411

Deprecated: ElementorPro\Modules\Carousel\Widgets\Media_Carousel::print_slider(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/carousel/widgets/media-carousel.php on line 270

Deprecated: ElementorPro\Modules\Carousel\Widgets\Base::print_slider(): Implicitly marking parameter $settings as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/carousel/widgets/base.php on line 545

Deprecated: ElementorPro\Modules\Payments\Widgets\Paypal_Button::render_button(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/payments/widgets/paypal-button.php on line 220

Deprecated: ElementorPro\Modules\Payments\Classes\Payment_Button::render_button(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/payments/classes/payment-button.php on line 504

Deprecated: ElementorPro\Modules\Payments\Widgets\Stripe_Button::render_button(): Implicitly marking parameter $instance as nullable is deprecated, the explicit nullable type must be used instead in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor-pro/modules/payments/widgets/stripe-button.php on line 244

THE REVOLUTIONARY
INFOGRAPHICS OF W.E.B. DU BOIS
AND BOOKER T. WASHINGTON

 

 
(Photo Above) W.E.B. Du Bois at the 1900 Paris Exposition.
(Chronicling America: Historic American Newspapers-Library of Congress)

 

Data visualization techniques continue to provide popular tools for everyone from journalists, researchers and corporations to provide a better way to view often dense data and explain complex data in a more actionable way.

However, as has been shown by me as well as others in the DataViz profession, they are not a new technology, as can be noted by John Snow’s use of them to map cholera cases in London in the mid-1800s as well as Charles Minard’s famous map of what lead to Napoleon’s devastating loss in the war with Russia in the early 1800s. In fact, one of the earliest known data visualizations can be dated all the way back to the 11th century, writes Clive Thompson for Smithsonian Magazine. [1]

Now, a 116-year-old series of infographics by a group led by W.E.B. Du Bois, Booker T. Washington and a prominent lawyer named Thomas J. Calloway detailing the lives of African-Americans in the post-Civil War United States have begun to circulate again. In many ways, the work is just as revolutionary now as it was when it was first created. [1]

It was actually slavery that first drove some of the country’s most important data visualizations, Thompson writes. When the South began to secede from the United States in the mid-19th century, the federal government used data from the latest census to highlight the concentration of slaves in each county of Virginia. Those data visualizations helped President Abraham Lincoln understand where slavery was the weakest. [1]


 
When the Exposition Universelle, the Paris World Fair of 1900, occurred, slavery remained a recent memory for African-Americans. Many black intellectuals and researchers were concerned with how their community was faring in the years since slavery had been abolished. In order to represent the African-American community at the exposition, the group of researchers compiled and organized an exhibit of infographics, photographs, maps and other materials documenting their experience since the end of slavery, Brentin Mock writes for CityLab. [1]

By presenting quantified data on how black people had fared in the years after the Civil War, Du Bois hoped to provide “an honest straightforward exhibit of a small nation of people, picturing their life and development without apology or gloss, and above all made by themselves.” In addition to photographic portraits of black people from the turn of the century, the infographics depict what had changed for African-Americans since slavery, in everything from education to income, Allison Meier reports for Hyperallergic. [1]
 

 

 

 
The group settled on data gathered in Georgia, as the state had the largest black population in the U.S. at the time. While Du Boise, Washington and Calloway were the banner names on the project, many of the vibrantly colored, hand-drawn infographics were made in collaboration with students from historically black colleges like Atlanta University and Tuskegee University, Mock writes. But though the drawings are over a century old, they still stand out as revolutionary for both their form and content. [1]

“Looking at the charts, they’re strikingly vibrant and modern, almost anticipating the crossing lines of Piet Mondrian or the intersecting shapes of Wassily Kandinsky,” Meier writes. “But they are in line with innovative 19th-century data visualization, which included Florence Nightingale’s “coxcomb” diagrams on causes of war mortality and William Farr’s dynamic cholera charts. Du Bois himself used horizontal bar graphs in his 1899 study The Philadelphia Negro.” [1]

The final exhibit in Paris featured 60 full-color charts on display, as well as 200 books by black authors and hundreds of photographs and maps. Taken together, the exhibition not only highlighted how far the African-American community had advanced in less than half a century, but gave the researchers an opportunity to focus on their intellectual achievements and experience in a time when the slave era was still in living memory and “human zoos” featuring people of color from colonized countries were still a common sight, as Meier writes. [1]
 

Source: [1] Danny Lewis, The Revolutionary Infographics of W.E.B. Du Bois And Booker T. Washington, Smithsonian.com, July 14, 2016, smithsonianmag.com

Het bericht DATAVIZ as HISTORY verscheen eerst op Createur.

]]>
5847
WHAT CHARTS SAY https://createur.nl/test-pagina/ Sun, 28 Nov 2021 16:20:58 +0000 https://createur.nl/?p=5833 All charts say something. They are a form of communication and we can evaluate them as such. Like any other statement, a chart says something explicitly. By which I mean a chart really does have that “show me the data” quality. But that’s a dangerous expression, because data doesn’t have a natural form. It’s something to be […]

Het bericht WHAT CHARTS SAY verscheen eerst op Createur.

]]>

All charts say something. They are a form of communication and we can evaluate them as such. Like any other statement, a chart says something explicitly. By which I mean a chart really does have that “show me the data” quality. But that’s a dangerous expression, because data doesn’t have a natural form. It’s something to be determined by creating the data visualization. That explicit channel exists alongside other messages your chart expresses whether you intend it to or not, which can be described a simplicitly, systematically and descriptively.

Accuracy

A well-designed interactive chart lets you see and interrogate a dataset very closely and more fluidly than a table or query view. This is often all fast data visualization is optimized for. This can be thought of as what a chart says explicitly. By choosing the charting method that maximizes the ability to display and query that data. Qualities like precision, accuracy and recall are all aligned with this approach. That’s why most data visualization experts focus on scatterplots, line charts and bar charts.

A really beautiful example of a chart that simultaneously shows you precise values for trends while allowing interactive understanding of the details. Created by Susie Lu.

Story

But charts also make implicit statements in their form and the methods they use to display data. As pieces of communication, charts are just as subject to devices and stylistic form over content to achieve their goals.

All data is transformed to be in a chart. When the implications of a chart are taken into account, you can see simple shifts. Like orienting a bar chart downward and using dark red, that dramatically reinforce the subject and theme of a chart.

Andy Cotgreave’s redesign (right) of Simon Scarr’s original data visualization highlights how a chart carries an implicit message in its design.

The implicit channel of a data visualization can be even more powerful than the explicit channel, according to a recent paper on the subject. The title you use and other framing elements can affect recall, impact and theme of the chart without the reader even realizing it.

Even changing something as simple as whether a time series is drawn with a jagged line or a softened curve can affect the way a chart is read.

Quality

By their very nature, charts also say something about the systematic quality of the data they express. While diagrams of complex systems such as flow diagrams or algorithm visualization are explicitly about systems. All charts display data. All data is a proxy for the systems that created and measured that data. Any map of how Facebook users connect or what baseball teams they root for is simultaneously a map of data that Facebook collects. Every cool data visualization you see of the census or of spending patterns from a bank is a view into that system.

Do you ever remember telling Facebook what football team you root for?

Not only graphics

Finally, charts do not arrive as purely graphical elements (except perhaps the most abstract diagrams). Instead, charts say things in the way they are described both internally (via axes, labels and annotations) and externally (in the text that appears around them in figure descriptions or discussion).

A data dashboard is very different than a supplemental figure presented in a scientific paper. Different annotations of the same line change the nature of the chart’s message. Description and annotation is doubly important for complex charts. It not only need to use them to refine and convey information. Also for the purpose of educating the reader on how to understand the chart.

One of my favorite examples of this is a cartoonish exaggeration but it’s okay because it’s a literal cartoon by Susie Lu. In it we see the difference a few annotation and axis elements make.

Key differences

There are some key differences between what charts say descriptively and what charts say implicitly, even though they both might seem the same to those who think any chart that isn’t a spartan grey and blue bar chart is a transgression.

First, the implicit channel is passive and affects the reader more in a subconscious fashion. Whereas the descriptive channel is active and purposeful. Authored annotations, figure descriptions and axis labels are all authored and relay data points. With text in a more blatant manner than color and other graphical design. Titles, which I place in the implicit channel, are often forgotten by readers. In a way that belies their textual nature because they are more interpretive and broad than an individual axis label or annotation.

Second, implicit messages in a chart are not data-driven but are rather thematic. Annotations and axis labels exist in data space even though they are not data. Figure descriptions are readings of the data and notes about how to read the chart are very much of the data.

Some rules for improving what a chart says

Explicitly: Data are exposed cleanly and clearly and capable of being interrogated by the reader. Charts are optimized for query or validation and authors of charts that are good at this understand the difference between accuracy and precision.

Implicitly: Charts needs to be distinctive if their dataset is distinctive or stylistically related if the data/view is related. Above all style is intentional, purposeful and thematically appropriate. Titles, colors and other graphical design elements are well-reasoned justification for their choices and not be the result of defaults or superficial decisions.

Systematically: Take care not to reveal an underlying system that is proprietary or confidential. Data provenance has to be as close to the chart as possible. Systems influence the design and iteration process as avenues of exploration. F.i chart inversion, multimodal network projection. In cases where a data visualization is for the purpose of understanding a system, strive to represent that system rather than the easier to measure proxies of that system. This means more network diagrams and fewer bar charts.

Descriptively: Annotations present whenever possible, and preferred over interactivity, which is spotty. Labels are descriptive and aware of how they magnify or occlude the data. Axis elements must be treated as data visualization and open to interactivity, robust styling and smart labels.

What does your chart say that you didn’t intend?

All charts say things their creators intend and many say things that were not intended. This is especially true when charts are shown to audiences their creators did not predict. By being more explicit in our own understanding of what charts say. How we can systematically describe what they say, we can grow more capable of using the channels available in that expression to our advantage. Otherwise, we risk putting a chart into the world that might damage or disrupt the communication we intended to improve.

Het bericht WHAT CHARTS SAY verscheen eerst op Createur.

]]>
5833
5 TIPS FOR EFFECTIVE DATA VISUALIZATION https://createur.nl/5-tips-for-effective-data-visualization/ Sat, 27 Nov 2021 23:18:29 +0000 https://createur.nl/?p=5800 Data visualization has a strong design element to it. Given the differences in domains, applications and audience it’s hard to put a structure around the best way to visualize your data. However, there definitely are wrong ways of doing it! I have come across multitude of such instances which were a driving force behind this post. In […]

Het bericht 5 TIPS FOR EFFECTIVE DATA VISUALIZATION verscheen eerst op Createur.

]]>

Data visualization has a strong design element to it. Given the differences in domains, applications and audience it’s hard to put a structure around the best way to visualize your data. However, there definitely are wrong ways of doing it! I have come across multitude of such instances which were a driving force behind this post.

In this article I’d like to share some useful tips to help prevent blunders in your visuals.

1. Choose the right visual

This one may seem too obvious! But I have seen several people trying to demonstrate their artistic side for no reason..

Always remember that “form follows function” — purpose of a visual should be the starting point of its design

Ask yourself — are you trying to compare values, show trends, explore distribution or relationship between variables? Then choose appropriate visual(s) depending on the message you are trying to convey.
Consider the following charts. The underlying dataset contains product complaints/defects. We are trying to show products that need attention with a defective rate ppm (parts per million) A bar chart is a simple yet effective way to display this data. One of the downside of tree maps and packed bubble charts is that is asks the reader to compare area instead of height which is visually taxing.

Choosing the right visual based on it’s function

2. Trivial are many but vital are few (data points)

Do not merely slap a visual on the dataset. Analyze and convert your data into an information ‘nugget’ that the audience can grasp.

The figure alongside shows a time series chart of a process variable. Line A-A’ shows a point in time when both period and amplitude changed which was the onset of an issue that utlimately led to the sudden dip in its value after a few cycles. Which chart does a better job at uncovering this insight?

The chart on the top simply converts the data into a visual whereas the one at the bottom “conditions” it to provide an insight.

Let’s say that we want to show total annual spend by project ID. There are 41 unique categories. Chart on the left looks crowded with all categories cramped in it. A better way to display this is to show the top 5 categories and combine the remaining into ‘others’ bucket.

Suppressing the “noise” in the data

Also, beware that filtering out the ‘others’ category may exaggerate the area of the pie chart or change the percent of total calculations. This can be misleading! While displaying percentages, always make sure that they add up to a 100% or explain why and what’s being excluded.

3. Figures don’t lie, but lairs figure!

Visuals should reflect reality and not distort it. Formatting of the chart plays an important role as it sets up a frame of reference for the audience. 
In the example below, the yield of a process increased from 56% to 67% over a period of 6 months. Chart to the left is trying to overstate the improvement by formatting the y-axis to start at 50%. The latter visual paints an accurate picture where y-axis starts off at 0 and also includes a goal line.

Figures don’t lie..liars figure!

4. Use color wisely

Use of color should be made to add more information or to highlight key data points in a visual. In all other cases, it’s redundant and distracting.
This article by Lisa Charlotte Rost has several pointers to consider while choosing a color scheme for your visuals. I would also recommend trying the Viz Palette tool developed by Susie Lu and Elijah Meeks.

5. How important are aesthetics as compared to functionality?

Visualization tools available today allow us to create most stunning and rich visuals in a few mouse clicks. However, over-doing the aesthetic elements may distract people from the key message of the visuals. One of the seven wastes in the Lean philosophy is ‘Over-processing’.

 

Het bericht 5 TIPS FOR EFFECTIVE DATA VISUALIZATION verscheen eerst op Createur.

]]>
5800

Deprecated: Constant E_STRICT is deprecated in /var/www/vhosts/createur.nl/domains/createur.nl/public_html/wp-content/plugins/elementor/core/logger/manager.php on line 250