posts: 34625
This data as json
id | title | slug | type | status | content | archieml | archieml_update_statistics | published_at | updated_at | gdocSuccessorId | authors | excerpt | created_at_in_wordpress | updated_at_in_wordpress | featured_image | formattingOptions | markdown | wpApiSnapshot |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
34625 | June & July 2020 product updates | whats-new-june-july-2020 | post | publish | <!-- wp:html --> <div class="blog-info"> <p>This is the first in a series of posts on updates, improvements, and new features that we're building at Our World in Data.</p> </div> <!-- /wp:html --> <!-- wp:heading {"level":3} --> <h3>What's new?</h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Though much of our <a href="https://ourworldindata.org/team#engineering">tech team</a>’s work in the recent months has focused on building tools to present the data on the <a href="http://ourworldindata.org/coronavirus">coronavirus pandemic</a> as clearly as possible, we strive for most of what we build to be applicable across all of our tools and visualizations.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Here is an overview of the features that we built in the last two months:</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3>A new coronavirus page</h3> <!-- /wp:heading --> <!-- wp:heading {"level":4} --> <h4>New overview page and structure</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Max recently rewrote the <a href="http://ourworldindata.org/coronavirus">coronavirus page</a>. The idea was to find a structure that we can use for ourworldindata-entries on other global problems as well. The structure is the following: </p> <!-- /wp:paragraph --> <!-- wp:list --> <ul><li><a href="https://ourworldindata.org/coronavirus#what-is-the-global-situation-now">What is the global situation now?</a></li><li><a href="https://ourworldindata.org/coronavirus#is-it-possible-to-make-progress-against-the-pandemic">Is it possible to make progress against the pandemic?</a></li><li><a href="https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic"></a><a href="https://ourworldindata.org/coronavirus#which-countries-are-making-progress-against-the-pandemic">Which countries are making progress against the pandemic?</a></li><li><a href="https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic">How can we make progress against the pandemic?</a></li></ul> <!-- /wp:list --> <!-- wp:paragraph --> <p>On these overview pages for big topics, we try to balance the need for first time visitors to get acquainted with and explore the topic, with the need for returning visitors to get a quick update on the current situation. This is why you'll find the Data Explorer fairly close to the top of the page, after which we dive deeper into whether, who, and how we can make progress against the pandemic.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4>Remember country selections</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>When you click on a related link below one of the charts on a <a href="https://ourworldindata.org/coronavirus/country/united-kingdom?country=GBR~PRT~SWE">country profile</a>, we now remember any countries that you selected in the floating country selector, so you don't have to select them again. Just make sure to use the floating country selector at the top of the country profile page. </p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":35289,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://owid.cloud/app/uploads/2020/07/floating_selector-800x80.png" alt="" class="wp-image-35289"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:owid/prominent-link {"title":"Daily new cases per capita","linkUrl":"https://ourworldindata.org/coronavirus-data-explorer?yScale=log\u0026zoomToSelection=true\u0026minPopulationFilter=1000000\u0026casesMetric=true\u0026dailyFreq=true\u0026aligned=true\u0026perCapita=true\u0026smoothing=7\u0026country=USA~GBR\u0026pickerMetric=location\u0026pickerSort=asc","mediaId":35242,"mediaUrl":"https://owid.cloud/app/uploads/2020/07/uk_us.png","mediaAlt":"","className":"is-style-thin"} --> <!-- wp:paragraph --> <p>How do the US and the UK compare?</p> <!-- /wp:paragraph --> <!-- /wp:owid/prominent-link --> <!-- wp:heading {"level":3} --> <h3>A better Data Explorer</h3> <!-- /wp:heading --> <!-- wp:heading {"level":4} --> <h4>Compare similar countries</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>The new <em>"Sort by" </em>dropdown in our <a rel="noreferrer noopener" href="http://ourworldindata.org/coronavirus-data-explorer" target="_blank">Data Explorer</a> allows for a more informed comparison between countries. Compare countries based on population (density), age, GDP, hospital beds and more. </p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":35213,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-800x352.png" alt="Sort countries by dimensions dropdown" class="wp-image-35213"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:heading {"level":4} --> <h4>Chromeless embeds</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>One of many useful improvements by <a href="https://twitter.com/breckyunits" target="_blank" rel="noreferrer noopener">Breck Yunits</a>: embed the Data Explorer without controls and country selector. This is useful if you have limited space and want to highlight one particular visualization. Look for the ☑️ <strong>Hide controls</strong> option below the embed code for a Data Explorer. Read more on <a href="https://ourworldindata.org/how-to-embed-charts">how to embed our charts</a>.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4>New metrics, regions and continents</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p><a rel="noreferrer noopener" href="https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&cfrMetric=true&dailyFreq=true&aligned=true&smoothing=7&country=USA~GBR~CAN~BRA~AUS~IND~DEU~MEX~ZAF~COL~KOR~NOR~UGA~NGA&pickerMetric=location&pickerSort=asc" target="_blank">Case fatality rate</a>, Tests per confirmed case, and Share of positive tests are now available in the Data Explorer. We've also added aggregate data for <a rel="noreferrer noopener" href="https://ourworldindata.org/coronavirus-data-explorer?zoomToSelection=true&country=Asia~CHN~IND~Africa~Europe~NorthAmerica~EuropeanUnion~SouthAmerica&cfrMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&pickerMetric=population&pickerSort=desc" target="_blank">regions and continents</a> to the country selector.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3>All about charts</h3> <!-- /wp:heading --> <!-- wp:heading {"level":4} --> <h4>Our World in Tables</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>A good chart immediately provides an indication of the difference between countries. Charts are also great for visualizing change over time. But if you want to see exact numbers, a table is often more suitable.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Thanks to Shahid Ahmad, you can now switch our charts to a new table view. As you see, you can control it with the time-slider and sort by beginning and end value as well as the change over time. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Our table is smart: it automatically selects a time interval for which at least 50% of the rows have a value for both the start and end date. </p> <!-- /wp:paragraph --> <!-- wp:html --> <iframe src="https://ourworldindata.org/grapher/life-expectancy?tab=table&year=1915&time=1950..2015" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></iframe> <!-- /wp:html --> <!-- wp:heading {"level":4} --> <h4>A quantitative, discrete legend for scatterplots</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Scatterplots and trajectory charts, which are essentially scatterplots on a timeline, now support coloring lines by numeric values, thanks to <a rel="noreferrer noopener" href="https://twitter.com/danielgavrilov" target="_blank">Daniel Gavrilov</a>. This allows us to visualize how cases and testing changed over time for multiple countries simultaneously. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>A low number of tests for each confirmed case suggests that the true number of actual infections may be far higher than the number of confirmed cases. In other words, the more testing is done, the more likely it is that the number of confirmed cases is closer to the true total number of cases. </p> <!-- /wp:paragraph --> <!-- wp:html --> <iframe src="https://ourworldindata.org/explorers/coronavirus-data-explorer?yScale=log&time=2020-02-22..latest&facet=none&hideControls=true&Metric=Confirmed+cases&Interval=7-day+rolling+average&Relative+to+Population=false&Color+by+test+positivity=true&country=BRA~FRA~IND~ITA~MEX~PHL~SEN~KOR~SWE~GBR~USA" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></iframe> <!-- /wp:html --> <!-- wp:heading {"level":4} --> <h4>Related links at the bottom of charts</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>One of the main things we aim to do at Our World in Data, is to provide context and background to the data we visualize. While a chart can be a very powerful tool, there's often more to the story. You'll notice some of our charts will now feature a link at the bottom that directs you to a related article.</p> <!-- /wp:paragraph --> <!-- wp:html --> <iframe src="https://ourworldindata.org/grapher/co-emissions-per-capita" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></iframe> <!-- /wp:html --> <!-- wp:heading {"level":4} --> <h4>Improved tabs and timeline affordances</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>We like to offer a lot of functionality in our charts, sometimes at the expense of the chart itself. In a quest to win back some of the pixels needed to display the related links mentioned above, <a href="https://twitter.com/mlbrgl" target="_blank" rel="noreferrer noopener">Matthieu Bergel</a> condensed the tabs on the bottom of the chart. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>This also proved an opportunity to make the timeline slightly easier to use: the cursor changes based on which part of the timeline you hover. It's easy to skip over these small details, but they are important. After all, what is a cake without icing?</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":35244,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://owid.cloud/app/uploads/2020/07/cursor_party-2-800x230.png" alt="" class="wp-image-35244"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:heading {"level":4} --> <h4>Clearer axis scale toggle</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>We tried to make it a bit clearer that you can switch chart axes from a linear to a logarithmic scale and back.</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":35245,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://owid.cloud/app/uploads/2020/07/log_lin-800x34.png" alt="logarithmic/linear toggle" class="wp-image-35245"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:heading {"level":4} --> <h4>CSV downloads moved to Download tab</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>The <em>"Download"</em> tab in a chart is the new home for the PNG and SVG versions of the chart, as well as the CSV with the underlying data.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4>Simulate vision deficiency for colors we use</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Inspired by a <a rel="noreferrer noopener" href="https://blog.datawrapper.de/colorblindness-part1/" target="_blank">Datawrapper article</a>, <a href="https://twitter.com/MarcelGerber9" target="_blank" rel="noreferrer noopener">Marcel Gerber</a> made it possible to simulate vision deficiencies directly in the Grapher admin, where our authors create the charts for their articles:</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":35204,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://owid.cloud/app/uploads/2020/07/vision_deficiencies-676x550.png" alt="Simulate vision deficiencies in the Grapher admin" class="wp-image-35204"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:paragraph --> <p>This helps us produce charts that are useful and readable for as many people as possible.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3>We'd like to know what you think</h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Many of these updates are a direct result of feedback we get from you. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>If you have ideas, suggestions, or encounter any problems when you visit our website, don't hesitate to <a rel="noreferrer noopener" href="https://ourworldindata.org/feedback" target="_blank">let us know</a>. Though we can't promise to respond to all requests, we do read and take into consideration all feedback we receive. </p> <!-- /wp:paragraph --> | { "id": "wp-34625", "slug": "whats-new-june-july-2020", "content": { "toc": [], "body": [ { "type": "text", "value": [ { "text": "This is the first in a series of posts on updates, improvements, and new features that we're building at Our World in Data.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "What's new?", "spanType": "span-simple-text" } ], "type": "heading", "level": 2, "parseErrors": [] }, { "type": "text", "value": [ { "text": "Though much of our ", "spanType": "span-simple-text" }, { "url": "https://ourworldindata.org/team#engineering", "children": [ { "text": "tech team", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": "\u2019s work in the recent months has focused on building tools to present the data on the ", "spanType": "span-simple-text" }, { "url": "http://ourworldindata.org/coronavirus", "children": [ { "text": "coronavirus pandemic", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": " as clearly as possible, we strive for most of what we build to be applicable across all of our tools and visualizations.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "Here is an overview of the features that we built in the last two months:", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "A new coronavirus page", "spanType": "span-simple-text" } ], "type": "heading", "level": 2, "parseErrors": [] }, { "text": [ { "text": "New overview page and structure", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "Max recently rewrote the ", "spanType": "span-simple-text" }, { "url": "http://ourworldindata.org/coronavirus", "children": [ { "text": "coronavirus page", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ". The idea was to find a structure that we can use for ourworldindata-entries on other global problems as well. The structure is the following: ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "list", "items": [ { "type": "text", "value": [ { "url": "https://ourworldindata.org/coronavirus#what-is-the-global-situation-now", "children": [ { "text": "What is the global situation now?", "spanType": "span-simple-text" } ], "spanType": "span-link" } ], "parseErrors": [] }, { "type": "text", "value": [ { "url": "https://ourworldindata.org/coronavirus#is-it-possible-to-make-progress-against-the-pandemic", "children": [ { "text": "Is it possible to make progress against the pandemic?", "spanType": "span-simple-text" } ], "spanType": "span-link" } ], "parseErrors": [] }, { "type": "text", "value": [ { "url": "https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic", "children": [], "spanType": "span-link" }, { "url": "https://ourworldindata.org/coronavirus#which-countries-are-making-progress-against-the-pandemic", "children": [ { "text": "Which countries are making progress against the pandemic?", "spanType": "span-simple-text" } ], "spanType": "span-link" } ], "parseErrors": [] }, { "type": "text", "value": [ { "url": "https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic", "children": [ { "text": "How can we make progress against the pandemic?", "spanType": "span-simple-text" } ], "spanType": "span-link" } ], "parseErrors": [] } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "On these overview pages for big topics, we try to balance the need for first time visitors to get acquainted with and explore the topic, with the need for returning visitors to get a quick update on the current situation. This is why you'll find the Data Explorer fairly close to the top of the page, after which we dive deeper into whether, who, and how we can make progress against the pandemic.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "Remember country selections", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "When you click on a related link below one of the charts on a ", "spanType": "span-simple-text" }, { "url": "https://ourworldindata.org/coronavirus/country/united-kingdom?country=GBR~PRT~SWE", "children": [ { "text": "country profile", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ", we now remember any countries that you selected in the floating country selector, so you don't have to select them again. Just make sure to use the floating country selector at the top of the country profile page. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "alt": "", "size": "wide", "type": "image", "filename": "floating_selector.png", "parseErrors": [] }, { "url": "https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&minPopulationFilter=1000000&casesMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&country=USA~GBR&pickerMetric=location&pickerSort=asc", "type": "prominent-link", "title": "Daily new cases per capita", "description": "How do the US and the UK compare?", "parseErrors": [] }, { "text": [ { "text": "A better Data Explorer", "spanType": "span-simple-text" } ], "type": "heading", "level": 2, "parseErrors": [] }, { "text": [ { "text": "Compare similar countries", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "The new ", "spanType": "span-simple-text" }, { "children": [ { "text": "\"Sort by\" ", "spanType": "span-simple-text" } ], "spanType": "span-italic" }, { "text": "dropdown in our ", "spanType": "span-simple-text" }, { "url": "http://ourworldindata.org/coronavirus-data-explorer", "children": [ { "text": "Data Explorer", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": " allows for a more informed comparison between countries. Compare countries based on population (density), age, GDP, hospital beds and more. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "alt": "Sort countries by dimensions dropdown", "size": "wide", "type": "image", "filename": "sort_by_dropdown.png", "parseErrors": [] }, { "text": [ { "text": "Chromeless embeds", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "One of many useful improvements by ", "spanType": "span-simple-text" }, { "url": "https://twitter.com/breckyunits", "children": [ { "text": "Breck Yunits", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ": embed the Data Explorer without controls and country selector. This is useful if you have limited space and want to highlight one particular visualization. Look for the \u2611\ufe0f ", "spanType": "span-simple-text" }, { "children": [ { "text": "Hide controls", "spanType": "span-simple-text" } ], "spanType": "span-bold" }, { "text": " option below the embed code for a Data Explorer. Read more on ", "spanType": "span-simple-text" }, { "url": "https://ourworldindata.org/how-to-embed-charts", "children": [ { "text": "how to embed our charts", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ".", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "New metrics, regions and continents", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "url": "https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&cfrMetric=true&dailyFreq=true&aligned=true&smoothing=7&country=USA~GBR~CAN~BRA~AUS~IND~DEU~MEX~ZAF~COL~KOR~NOR~UGA~NGA&pickerMetric=location&pickerSort=asc", "children": [ { "text": "Case fatality rate", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ", Tests per confirmed case, and Share of positive tests are now available in the Data Explorer. We've also added aggregate data for ", "spanType": "span-simple-text" }, { "url": "https://ourworldindata.org/coronavirus-data-explorer?zoomToSelection=true&country=Asia~CHN~IND~Africa~Europe~NorthAmerica~EuropeanUnion~SouthAmerica&cfrMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&pickerMetric=population&pickerSort=desc", "children": [ { "text": "regions and continents", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": " to the country selector.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "All about charts", "spanType": "span-simple-text" } ], "type": "heading", "level": 2, "parseErrors": [] }, { "text": [ { "text": "Our World in Tables", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "A good chart immediately provides an indication of the difference between countries. Charts are also great for visualizing change over time. But if you want to see exact numbers, a table is often more suitable.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "Thanks to Shahid Ahmad, you can now switch our charts to a new table view. As you see, you can control it with the time-slider and sort by beginning and end value as well as the change over time. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "Our table is smart: it automatically selects a time interval for which at least 50% of the rows have a value for both the start and end date. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "url": "https://ourworldindata.org/grapher/life-expectancy?tab=table&year=1915&time=1950..2015", "type": "chart", "parseErrors": [] }, { "text": [ { "text": "A quantitative, discrete legend for scatterplots", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "Scatterplots and trajectory charts, which are essentially scatterplots on a timeline, now support coloring lines by numeric values, thanks to ", "spanType": "span-simple-text" }, { "url": "https://twitter.com/danielgavrilov", "children": [ { "text": "Daniel Gavrilov", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ". This allows us to visualize how cases and testing changed over time for multiple countries simultaneously. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "A low number of tests for each confirmed case suggests that the true number of actual infections may be far higher than the number of confirmed cases. In other words, the more testing is done, the more likely it is that the number of confirmed cases is closer to the true total number of cases. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "url": "https://ourworldindata.org/explorers/coronavirus-data-explorer?yScale=log&time=2020-02-22..latest&facet=none&hideControls=true&Metric=Confirmed+cases&Interval=7-day+rolling+average&Relative+to+Population=false&Color+by+test+positivity=true&country=BRA~FRA~IND~ITA~MEX~PHL~SEN~KOR~SWE~GBR~USA", "type": "chart", "parseErrors": [] }, { "text": [ { "text": "Related links at the bottom of charts", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "One of the main things we aim to do at Our World in Data, is to provide context and background to the data we visualize. While a chart can be a very powerful tool, there's often more to the story. You'll notice some of our charts will now feature a link at the bottom that directs you to a related article.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "url": "https://ourworldindata.org/grapher/co-emissions-per-capita", "type": "chart", "parseErrors": [] }, { "text": [ { "text": "Improved tabs and timeline affordances", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "We like to offer a lot of functionality in our charts, sometimes at the expense of the chart itself. In a quest to win back some of the pixels needed to display the related links mentioned above, ", "spanType": "span-simple-text" }, { "url": "https://twitter.com/mlbrgl", "children": [ { "text": "Matthieu Bergel", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": " condensed the tabs on the bottom of the chart. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "This also proved an opportunity to make the timeline slightly easier to use: the cursor changes based on which part of the timeline you hover. It's easy to skip over these small details, but they are important. After all, what is a cake without icing?", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "alt": "", "size": "wide", "type": "image", "filename": "cursor_party-2.png", "parseErrors": [] }, { "text": [ { "text": "Clearer axis scale toggle", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "We tried to make it a bit clearer that you can switch chart axes from a linear to a logarithmic scale and back.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "alt": "logarithmic/linear toggle", "size": "wide", "type": "image", "filename": "log_lin.png", "parseErrors": [] }, { "text": [ { "text": "CSV downloads moved to Download tab", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "The ", "spanType": "span-simple-text" }, { "children": [ { "text": "\"Download\"", "spanType": "span-simple-text" } ], "spanType": "span-italic" }, { "text": " tab in a chart is the new home for the PNG and SVG versions of the chart, as well as the CSV with the underlying data.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "Simulate vision deficiency for colors we use", "spanType": "span-simple-text" } ], "type": "heading", "level": 3, "parseErrors": [] }, { "type": "text", "value": [ { "text": "Inspired by a ", "spanType": "span-simple-text" }, { "url": "https://blog.datawrapper.de/colorblindness-part1/", "children": [ { "text": "Datawrapper article", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ", ", "spanType": "span-simple-text" }, { "url": "https://twitter.com/MarcelGerber9", "children": [ { "text": "Marcel Gerber", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": " made it possible to simulate vision deficiencies directly in the Grapher admin, where our authors create the charts for their articles:", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "alt": "Simulate vision deficiencies in the Grapher admin", "size": "wide", "type": "image", "filename": "vision_deficiencies.png", "parseErrors": [] }, { "type": "text", "value": [ { "text": "This helps us produce charts that are useful and readable for as many people as possible.", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "text": [ { "text": "We'd like to know what you think", "spanType": "span-simple-text" } ], "type": "heading", "level": 2, "parseErrors": [] }, { "type": "text", "value": [ { "text": "Many of these updates are a direct result of feedback we get from you. ", "spanType": "span-simple-text" } ], "parseErrors": [] }, { "type": "text", "value": [ { "text": "If you have ideas, suggestions, or encounter any problems when you visit our website, don't hesitate to ", "spanType": "span-simple-text" }, { "url": "https://ourworldindata.org/feedback", "children": [ { "text": "let us know", "spanType": "span-simple-text" } ], "spanType": "span-link" }, { "text": ". Though we can't promise to respond to all requests, we do read and take into consideration all feedback we receive. ", "spanType": "span-simple-text" } ], "parseErrors": [] } ], "type": "article", "title": "June & July 2020 product updates", "authors": [ "Ernst van" ], "dateline": "July 24, 2020", "sidebar-toc": false, "featured-image": "product-updates-june-2020.png" }, "createdAt": "2020-07-23T22:41:02.000Z", "published": false, "updatedAt": "2023-02-06T14:14:56.000Z", "revisionId": null, "publishedAt": "2020-07-24T00:46:06.000Z", "relatedCharts": [], "publicationContext": "listed" } |
{ "errors": [ { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag list" }, { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag image" }, { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag image" }, { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag image" }, { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag image" }, { "name": "unexpected wp component tag", "details": "Found unhandled wp:comment tag image" } ], "numBlocks": 50, "numErrors": 6, "wpTagCounts": { "html": 4, "list": 1, "image": 5, "column": 10, "columns": 5, "heading": 17, "paragraph": 23, "owid/prominent-link": 1 }, "htmlTagCounts": { "p": 24, "h3": 5, "h4": 12, "ul": 1, "div": 16, "figure": 5, "iframe": 3 } } |
2020-07-24 00:46:06 | 2024-02-22 02:46:20 | 1MvO3_qdVDbSofpF-yuQWIRQc5_l87mAxRf8KsnOGXgs | [ "Ernst van" ] |
2020-07-23 22:41:02 | 2023-02-06 14:14:56 | https://ourworldindata.org/wp-content/uploads/2020/07/product-updates-june-2020.png | {} |
This is the first in a series of posts on updates, improvements, and new features that we're building at Our World in Data. ## What's new? Though much of our [tech team](https://ourworldindata.org/team#engineering)’s work in the recent months has focused on building tools to present the data on the [coronavirus pandemic](http://ourworldindata.org/coronavirus) as clearly as possible, we strive for most of what we build to be applicable across all of our tools and visualizations. Here is an overview of the features that we built in the last two months: ## A new coronavirus page ### New overview page and structure Max recently rewrote the [coronavirus page](http://ourworldindata.org/coronavirus). The idea was to find a structure that we can use for ourworldindata-entries on other global problems as well. The structure is the following: * [What is the global situation now?](https://ourworldindata.org/coronavirus#what-is-the-global-situation-now) * [Is it possible to make progress against the pandemic?](https://ourworldindata.org/coronavirus#is-it-possible-to-make-progress-against-the-pandemic) * [](https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic)[Which countries are making progress against the pandemic?](https://ourworldindata.org/coronavirus#which-countries-are-making-progress-against-the-pandemic) * [How can we make progress against the pandemic?](https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic) On these overview pages for big topics, we try to balance the need for first time visitors to get acquainted with and explore the topic, with the need for returning visitors to get a quick update on the current situation. This is why you'll find the Data Explorer fairly close to the top of the page, after which we dive deeper into whether, who, and how we can make progress against the pandemic. ### Remember country selections When you click on a related link below one of the charts on a [country profile](https://ourworldindata.org/coronavirus/country/united-kingdom?country=GBR~PRT~SWE), we now remember any countries that you selected in the floating country selector, so you don't have to select them again. Just make sure to use the floating country selector at the top of the country profile page. <Image filename="floating_selector.png" alt=""/> ### Daily new cases per capita How do the US and the UK compare? https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&minPopulationFilter=1000000&casesMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&country=USA~GBR&pickerMetric=location&pickerSort=asc ## A better Data Explorer ### Compare similar countries The new _"Sort by" _dropdown in our [Data Explorer](http://ourworldindata.org/coronavirus-data-explorer) allows for a more informed comparison between countries. Compare countries based on population (density), age, GDP, hospital beds and more. <Image filename="sort_by_dropdown.png" alt="Sort countries by dimensions dropdown"/> ### Chromeless embeds One of many useful improvements by [Breck Yunits](https://twitter.com/breckyunits): embed the Data Explorer without controls and country selector. This is useful if you have limited space and want to highlight one particular visualization. Look for the ☑️ **Hide controls** option below the embed code for a Data Explorer. Read more on [how to embed our charts](https://ourworldindata.org/how-to-embed-charts). ### New metrics, regions and continents [Case fatality rate](https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&cfrMetric=true&dailyFreq=true&aligned=true&smoothing=7&country=USA~GBR~CAN~BRA~AUS~IND~DEU~MEX~ZAF~COL~KOR~NOR~UGA~NGA&pickerMetric=location&pickerSort=asc), Tests per confirmed case, and Share of positive tests are now available in the Data Explorer. We've also added aggregate data for [regions and continents](https://ourworldindata.org/coronavirus-data-explorer?zoomToSelection=true&country=Asia~CHN~IND~Africa~Europe~NorthAmerica~EuropeanUnion~SouthAmerica&cfrMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&pickerMetric=population&pickerSort=desc) to the country selector. ## All about charts ### Our World in Tables A good chart immediately provides an indication of the difference between countries. Charts are also great for visualizing change over time. But if you want to see exact numbers, a table is often more suitable. Thanks to Shahid Ahmad, you can now switch our charts to a new table view. As you see, you can control it with the time-slider and sort by beginning and end value as well as the change over time. Our table is smart: it automatically selects a time interval for which at least 50% of the rows have a value for both the start and end date. <Chart url="https://ourworldindata.org/grapher/life-expectancy?tab=table&year=1915&time=1950..2015"/> ### A quantitative, discrete legend for scatterplots Scatterplots and trajectory charts, which are essentially scatterplots on a timeline, now support coloring lines by numeric values, thanks to [Daniel Gavrilov](https://twitter.com/danielgavrilov). This allows us to visualize how cases and testing changed over time for multiple countries simultaneously. A low number of tests for each confirmed case suggests that the true number of actual infections may be far higher than the number of confirmed cases. In other words, the more testing is done, the more likely it is that the number of confirmed cases is closer to the true total number of cases. <Chart url="https://ourworldindata.org/explorers/coronavirus-data-explorer?yScale=log&time=2020-02-22..latest&facet=none&hideControls=true&Metric=Confirmed+cases&Interval=7-day+rolling+average&Relative+to+Population=false&Color+by+test+positivity=true&country=BRA~FRA~IND~ITA~MEX~PHL~SEN~KOR~SWE~GBR~USA"/> ### Related links at the bottom of charts One of the main things we aim to do at Our World in Data, is to provide context and background to the data we visualize. While a chart can be a very powerful tool, there's often more to the story. You'll notice some of our charts will now feature a link at the bottom that directs you to a related article. <Chart url="https://ourworldindata.org/grapher/co-emissions-per-capita"/> ### Improved tabs and timeline affordances We like to offer a lot of functionality in our charts, sometimes at the expense of the chart itself. In a quest to win back some of the pixels needed to display the related links mentioned above, [Matthieu Bergel](https://twitter.com/mlbrgl) condensed the tabs on the bottom of the chart. This also proved an opportunity to make the timeline slightly easier to use: the cursor changes based on which part of the timeline you hover. It's easy to skip over these small details, but they are important. After all, what is a cake without icing? <Image filename="cursor_party-2.png" alt=""/> ### Clearer axis scale toggle We tried to make it a bit clearer that you can switch chart axes from a linear to a logarithmic scale and back. <Image filename="log_lin.png" alt="logarithmic/linear toggle"/> ### CSV downloads moved to Download tab The _"Download"_ tab in a chart is the new home for the PNG and SVG versions of the chart, as well as the CSV with the underlying data. ### Simulate vision deficiency for colors we use Inspired by a [Datawrapper article](https://blog.datawrapper.de/colorblindness-part1/), [Marcel Gerber](https://twitter.com/MarcelGerber9) made it possible to simulate vision deficiencies directly in the Grapher admin, where our authors create the charts for their articles: <Image filename="vision_deficiencies.png" alt="Simulate vision deficiencies in the Grapher admin"/> This helps us produce charts that are useful and readable for as many people as possible. ## We'd like to know what you think Many of these updates are a direct result of feedback we get from you. If you have ideas, suggestions, or encounter any problems when you visit our website, don't hesitate to [let us know](https://ourworldindata.org/feedback). Though we can't promise to respond to all requests, we do read and take into consideration all feedback we receive. | { "id": 34625, "date": "2020-07-24T01:46:06", "guid": { "rendered": "https://owid.cloud/?p=34625" }, "link": "https://owid.cloud/whats-new-june-july-2020", "meta": { "owid_publication_context_meta_field": { "latest": true, "homepage": true, "immediate_newsletter": true } }, "slug": "whats-new-june-july-2020", "tags": [], "type": "post", "title": { "rendered": "June & July 2020 product updates" }, "_links": { "self": [ { "href": "https://owid.cloud/wp-json/wp/v2/posts/34625" } ], "about": [ { "href": "https://owid.cloud/wp-json/wp/v2/types/post" } ], "author": [ { "href": "https://owid.cloud/wp-json/wp/v2/users/40", "embeddable": true } ], "curies": [ { "href": "https://api.w.org/{rel}", "name": "wp", "templated": true } ], "replies": [ { "href": "https://owid.cloud/wp-json/wp/v2/comments?post=34625", "embeddable": true } ], "wp:term": [ { "href": "https://owid.cloud/wp-json/wp/v2/categories?post=34625", "taxonomy": "category", "embeddable": true }, { "href": "https://owid.cloud/wp-json/wp/v2/tags?post=34625", "taxonomy": "post_tag", "embeddable": true } ], "collection": [ { "href": "https://owid.cloud/wp-json/wp/v2/posts" } ], "wp:attachment": [ { "href": "https://owid.cloud/wp-json/wp/v2/media?parent=34625" } ], "version-history": [ { "href": "https://owid.cloud/wp-json/wp/v2/posts/34625/revisions", "count": 30 } ], "wp:featuredmedia": [ { "href": "https://owid.cloud/wp-json/wp/v2/media/35181", "embeddable": true } ], "predecessor-version": [ { "id": 55758, "href": "https://owid.cloud/wp-json/wp/v2/posts/34625/revisions/55758" } ] }, "author": 40, "format": "standard", "status": "publish", "sticky": false, "content": { "rendered": "\n<div class=\"blog-info\">\n<p>This is the first in a series of posts on updates, improvements, and new features that we’re building at Our World in Data.</p>\n</div>\n\n\n\n<h3>What’s new?</h3>\n\n\n\n<p>Though much of our <a href=\"https://ourworldindata.org/team#engineering\">tech team</a>\u2019s work in the recent months has focused on building tools to present the data on the <a href=\"http://ourworldindata.org/coronavirus\">coronavirus pandemic</a> as clearly as possible, we strive for most of what we build to be applicable across all of our tools and visualizations.</p>\n\n\n\n<p>Here is an overview of the features that we built in the last two months:</p>\n\n\n\n<h3>A new coronavirus page</h3>\n\n\n\n<h4>New overview page and structure</h4>\n\n\n\n<p>Max recently rewrote the <a href=\"http://ourworldindata.org/coronavirus\">coronavirus page</a>. The idea was to find a structure that we can use for ourworldindata-entries on other global problems as well. The structure is the following: </p>\n\n\n\n<ul><li><a href=\"https://ourworldindata.org/coronavirus#what-is-the-global-situation-now\">What is the global situation now?</a></li><li><a href=\"https://ourworldindata.org/coronavirus#is-it-possible-to-make-progress-against-the-pandemic\">Is it possible to make progress against the pandemic?</a></li><li><a href=\"https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic\"></a><a href=\"https://ourworldindata.org/coronavirus#which-countries-are-making-progress-against-the-pandemic\">Which countries are making progress against the pandemic?</a></li><li><a href=\"https://ourworldindata.org/coronavirus#how-can-we-make-progress-against-the-pandemic\">How can we make progress against the pandemic?</a></li></ul>\n\n\n\n<p>On these overview pages for big topics, we try to balance the need for first time visitors to get acquainted with and explore the topic, with the need for returning visitors to get a quick update on the current situation. This is why you’ll find the Data Explorer fairly close to the top of the page, after which we dive deeper into whether, who, and how we can make progress against the pandemic.</p>\n\n\n\n<h4>Remember country selections</h4>\n\n\n\n<p>When you click on a related link below one of the charts on a <a href=\"https://ourworldindata.org/coronavirus/country/united-kingdom?country=GBR~PRT~SWE\">country profile</a>, we now remember any countries that you selected in the floating country selector, so you don’t have to select them again. Just make sure to use the floating country selector at the top of the country profile page. </p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"800\" height=\"80\" src=\"https://owid.cloud/app/uploads/2020/07/floating_selector-800x80.png\" alt=\"\" class=\"wp-image-35289\" srcset=\"https://owid.cloud/app/uploads/2020/07/floating_selector-800x80.png 800w, https://owid.cloud/app/uploads/2020/07/floating_selector-400x40.png 400w, https://owid.cloud/app/uploads/2020/07/floating_selector-150x15.png 150w, https://owid.cloud/app/uploads/2020/07/floating_selector-768x77.png 768w, https://owid.cloud/app/uploads/2020/07/floating_selector-1536x154.png 1536w, https://owid.cloud/app/uploads/2020/07/floating_selector.png 1600w\" sizes=\"(max-width: 800px) 100vw, 800px\" /></figure>\n</div>\n\n\n\n<div class=\"wp-block-column\"></div>\n</div>\n\n\n <block type=\"prominent-link\" style=\"is-style-thin\">\n <link-url>https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&minPopulationFilter=1000000&casesMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&country=USA~GBR&pickerMetric=location&pickerSort=asc</link-url>\n <title>Daily new cases per capita</title>\n <content>\n\n<p>How do the US and the UK compare?</p>\n\n</content>\n <figure><img width=\"768\" height=\"516\" src=\"https://owid.cloud/app/uploads/2020/07/uk_us-768x516.png\" class=\"attachment-medium_large size-medium_large\" alt=\"\" loading=\"lazy\" srcset=\"https://owid.cloud/app/uploads/2020/07/uk_us-768x516.png 768w, https://owid.cloud/app/uploads/2020/07/uk_us-400x269.png 400w, https://owid.cloud/app/uploads/2020/07/uk_us-800x538.png 800w, https://owid.cloud/app/uploads/2020/07/uk_us-150x101.png 150w, https://owid.cloud/app/uploads/2020/07/uk_us-1536x1032.png 1536w, https://owid.cloud/app/uploads/2020/07/uk_us.png 1586w\" sizes=\"(max-width: 768px) 100vw, 768px\" /></figure>\n </block>\n\n\n<h3>A better Data Explorer</h3>\n\n\n\n<h4>Compare similar countries</h4>\n\n\n\n<p>The new <em>“Sort by” </em>dropdown in our <a rel=\"noreferrer noopener\" href=\"http://ourworldindata.org/coronavirus-data-explorer\" target=\"_blank\">Data Explorer</a> allows for a more informed comparison between countries. Compare countries based on population (density), age, GDP, hospital beds and more. </p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"800\" height=\"352\" src=\"https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-800x352.png\" alt=\"Sort countries by dimensions dropdown\" class=\"wp-image-35213\" srcset=\"https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-800x352.png 800w, https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-400x176.png 400w, https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-150x66.png 150w, https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-768x338.png 768w, https://owid.cloud/app/uploads/2020/07/sort_by_dropdown-1536x676.png 1536w, https://owid.cloud/app/uploads/2020/07/sort_by_dropdown.png 1908w\" sizes=\"(max-width: 800px) 100vw, 800px\" /></figure>\n</div>\n\n\n\n<div class=\"wp-block-column\"></div>\n</div>\n\n\n\n<h4>Chromeless embeds</h4>\n\n\n\n<p>One of many useful improvements by <a href=\"https://twitter.com/breckyunits\" target=\"_blank\" rel=\"noreferrer noopener\">Breck Yunits</a>: embed the Data Explorer without controls and country selector. This is useful if you have limited space and want to highlight one particular visualization. Look for the \u2611\ufe0f <strong>Hide controls</strong> option below the embed code for a Data Explorer. Read more on <a href=\"https://ourworldindata.org/how-to-embed-charts\">how to embed our charts</a>.</p>\n\n\n\n<h4>New metrics, regions and continents</h4>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https://ourworldindata.org/coronavirus-data-explorer?yScale=log&zoomToSelection=true&cfrMetric=true&dailyFreq=true&aligned=true&smoothing=7&country=USA~GBR~CAN~BRA~AUS~IND~DEU~MEX~ZAF~COL~KOR~NOR~UGA~NGA&pickerMetric=location&pickerSort=asc\" target=\"_blank\">Case fatality rate</a>, Tests per confirmed case, and Share of positive tests are now available in the Data Explorer. We’ve also added aggregate data for <a rel=\"noreferrer noopener\" href=\"https://ourworldindata.org/coronavirus-data-explorer?zoomToSelection=true&country=Asia~CHN~IND~Africa~Europe~NorthAmerica~EuropeanUnion~SouthAmerica&cfrMetric=true&dailyFreq=true&aligned=true&perCapita=true&smoothing=7&pickerMetric=population&pickerSort=desc\" target=\"_blank\">regions and continents</a> to the country selector.</p>\n\n\n\n<h3>All about charts</h3>\n\n\n\n<h4>Our World in Tables</h4>\n\n\n\n<p>A good chart immediately provides an indication of the difference between countries. Charts are also great for visualizing change over time. But if you want to see exact numbers, a table is often more suitable.</p>\n\n\n\n<p>Thanks to Shahid Ahmad, you can now switch our charts to a new table view. As you see, you can control it with the time-slider and sort by beginning and end value as well as the change over time. </p>\n\n\n\n<p>Our table is smart: it automatically selects a time interval for which at least 50% of the rows have a value for both the start and end date. </p>\n\n\n\n<iframe src=\"https://ourworldindata.org/grapher/life-expectancy?tab=table&year=1915&time=1950..2015\" loading=\"lazy\" style=\"width: 100%; height: 600px; border: 0px none;\"></iframe>\n\n\n\n<h4>A quantitative, discrete legend for scatterplots</h4>\n\n\n\n<p>Scatterplots and trajectory charts, which are essentially scatterplots on a timeline, now support coloring lines by numeric values, thanks to <a rel=\"noreferrer noopener\" href=\"https://twitter.com/danielgavrilov\" target=\"_blank\">Daniel Gavrilov</a>. This allows us to visualize how cases and testing changed over time for multiple countries simultaneously. </p>\n\n\n\n<p>A low number of tests for each confirmed case suggests that the true number of actual infections may be far higher than the number of confirmed cases. In other words, the more testing is done, the more likely it is that the number of confirmed cases is closer to the true total number of cases. </p>\n\n\n\n<iframe src=\"https://ourworldindata.org/explorers/coronavirus-data-explorer?yScale=log&time=2020-02-22..latest&facet=none&hideControls=true&Metric=Confirmed+cases&Interval=7-day+rolling+average&Relative+to+Population=false&Color+by+test+positivity=true&country=BRA~FRA~IND~ITA~MEX~PHL~SEN~KOR~SWE~GBR~USA\" loading=\"lazy\" style=\"width: 100%; height: 600px; border: 0px none;\"></iframe>\n\n\n\n<h4>Related links at the bottom of charts</h4>\n\n\n\n<p>One of the main things we aim to do at Our World in Data, is to provide context and background to the data we visualize. While a chart can be a very powerful tool, there’s often more to the story. You’ll notice some of our charts will now feature a link at the bottom that directs you to a related article.</p>\n\n\n\n<iframe src=\"https://ourworldindata.org/grapher/co-emissions-per-capita\" loading=\"lazy\" style=\"width: 100%; height: 600px; border: 0px none;\"></iframe>\n\n\n\n<h4>Improved tabs and timeline affordances</h4>\n\n\n\n<p>We like to offer a lot of functionality in our charts, sometimes at the expense of the chart itself. In a quest to win back some of the pixels needed to display the related links mentioned above, <a href=\"https://twitter.com/mlbrgl\" target=\"_blank\" rel=\"noreferrer noopener\">Matthieu Bergel</a> condensed the tabs on the bottom of the chart. </p>\n\n\n\n<p>This also proved an opportunity to make the timeline slightly easier to use: the cursor changes based on which part of the timeline you hover. It’s easy to skip over these small details, but they are important. After all, what is a cake without icing?</p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"800\" height=\"230\" src=\"https://owid.cloud/app/uploads/2020/07/cursor_party-2-800x230.png\" alt=\"\" class=\"wp-image-35244\" srcset=\"https://owid.cloud/app/uploads/2020/07/cursor_party-2-800x230.png 800w, https://owid.cloud/app/uploads/2020/07/cursor_party-2-400x115.png 400w, https://owid.cloud/app/uploads/2020/07/cursor_party-2-150x43.png 150w, https://owid.cloud/app/uploads/2020/07/cursor_party-2-768x221.png 768w, https://owid.cloud/app/uploads/2020/07/cursor_party-2-1536x442.png 1536w, https://owid.cloud/app/uploads/2020/07/cursor_party-2-2048x589.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" /></figure>\n</div>\n\n\n\n<div class=\"wp-block-column\"></div>\n</div>\n\n\n\n<h4>Clearer axis scale toggle</h4>\n\n\n\n<p>We tried to make it a bit clearer that you can switch chart axes from a linear to a logarithmic scale and back.</p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"800\" height=\"34\" src=\"https://owid.cloud/app/uploads/2020/07/log_lin-800x34.png\" alt=\"logarithmic/linear toggle\" class=\"wp-image-35245\" srcset=\"https://owid.cloud/app/uploads/2020/07/log_lin-800x34.png 800w, https://owid.cloud/app/uploads/2020/07/log_lin-400x17.png 400w, https://owid.cloud/app/uploads/2020/07/log_lin-150x6.png 150w, https://owid.cloud/app/uploads/2020/07/log_lin-768x33.png 768w, https://owid.cloud/app/uploads/2020/07/log_lin-1536x65.png 1536w, https://owid.cloud/app/uploads/2020/07/log_lin.png 1600w\" sizes=\"(max-width: 800px) 100vw, 800px\" /></figure>\n</div>\n\n\n\n<div class=\"wp-block-column\"></div>\n</div>\n\n\n\n<h4>CSV downloads moved to Download tab</h4>\n\n\n\n<p>The <em>“Download”</em> tab in a chart is the new home for the PNG and SVG versions of the chart, as well as the CSV with the underlying data.</p>\n\n\n\n<h4>Simulate vision deficiency for colors we use</h4>\n\n\n\n<p>Inspired by a <a rel=\"noreferrer noopener\" href=\"https://blog.datawrapper.de/colorblindness-part1/\" target=\"_blank\">Datawrapper article</a>, <a href=\"https://twitter.com/MarcelGerber9\" target=\"_blank\" rel=\"noreferrer noopener\">Marcel Gerber</a> made it possible to simulate vision deficiencies directly in the Grapher admin, where our authors create the charts for their articles:</p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"676\" height=\"550\" src=\"https://owid.cloud/app/uploads/2020/07/vision_deficiencies-676x550.png\" alt=\"Simulate vision deficiencies in the Grapher admin\" class=\"wp-image-35204\" srcset=\"https://owid.cloud/app/uploads/2020/07/vision_deficiencies-676x550.png 676w, https://owid.cloud/app/uploads/2020/07/vision_deficiencies-400x325.png 400w, https://owid.cloud/app/uploads/2020/07/vision_deficiencies-150x122.png 150w, https://owid.cloud/app/uploads/2020/07/vision_deficiencies-768x625.png 768w, https://owid.cloud/app/uploads/2020/07/vision_deficiencies-1536x1249.png 1536w, https://owid.cloud/app/uploads/2020/07/vision_deficiencies.png 1574w\" sizes=\"(max-width: 676px) 100vw, 676px\" /></figure>\n</div>\n\n\n\n<div class=\"wp-block-column\"></div>\n</div>\n\n\n\n<p>This helps us produce charts that are useful and readable for as many people as possible.</p>\n\n\n\n<h3>We’d like to know what you think</h3>\n\n\n\n<p>Many of these updates are a direct result of feedback we get from you. </p>\n\n\n\n<p>If you have ideas, suggestions, or encounter any problems when you visit our website, don’t hesitate to <a rel=\"noreferrer noopener\" href=\"https://ourworldindata.org/feedback\" target=\"_blank\">let us know</a>. Though we can’t promise to respond to all requests, we do read and take into consideration all feedback we receive. </p>\n", "protected": false }, "excerpt": { "rendered": "", "protected": false }, "date_gmt": "2020-07-24T00:46:06", "modified": "2023-02-06T14:14:56", "template": "", "categories": [ 207 ], "ping_status": "closed", "authors_name": [ "Ernst van Woerden" ], "modified_gmt": "2023-02-06T14:14:56", "comment_status": "closed", "featured_media": 35181, "featured_media_paths": { "thumbnail": "/app/uploads/2020/07/product-updates-june-2020-150x79.png", "medium_large": "/app/uploads/2020/07/product-updates-june-2020-768x403.png" } } |