From 7d2708a7677acd36acf732db92fee59e2663aec3 Mon Sep 17 00:00:00 2001 From: leestott Date: Fri, 5 Sep 2025 07:47:23 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=90=20Update=20translations=20via=20Co?= =?UTF-8?q?-op=20Translator?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../1-Introduction/03-defining-data/README.md | 20 +-- .../04-stats-and-probability/README.md | 151 +++++++++--------- .../05-relational-databases/README.md | 54 +++---- .../06-non-relational/README.md | 46 +++--- .../2-Working-With-Data/07-python/README.md | 151 +++++++++--------- .../08-data-preparation/README.md | 77 ++++----- .../09-visualization-quantities/README.md | 58 +++---- .../10-visualization-distributions/README.md | 53 +++--- .../11-visualization-proportions/README.md | 86 +++++----- .../12-visualization-relationships/README.md | 60 +++---- .../13-meaningful-visualizations/README.md | 70 ++++---- .../14-Introduction/README.md | 50 +++--- .../15-analyzing/README.md | 26 +-- .../16-communication/README.md | 108 ++++++------- .../17-Introduction/README.md | 62 ++++--- .../18-Low-Code/README.md | 107 +++++++------ .../19-Azure/README.md | 78 ++++----- .../20-Real-World-Examples/README.md | 80 +++++----- 18 files changed, 668 insertions(+), 669 deletions(-) diff --git a/translations/en/1-Introduction/03-defining-data/README.md b/translations/en/1-Introduction/03-defining-data/README.md index e78a35e6..24ec55e3 100644 --- a/translations/en/1-Introduction/03-defining-data/README.md +++ b/translations/en/1-Introduction/03-defining-data/README.md @@ -1,8 +1,8 @@ -# Creating Meaningful Visualizations +# Making Meaningful Visualizations |![ Sketchnote by [(@sketchthedocs)](https://sketchthedocs.dev) ](../../sketchnotes/13-MeaningfulViz.png)| |:---:| @@ -15,7 +15,7 @@ CO_OP_TRANSLATOR_METADATA: > "If you torture the data long enough, it will confess to anything" -- [Ronald Coase](https://en.wikiquote.org/wiki/Ronald_Coase) -One of the essential skills for a data scientist is the ability to create meaningful data visualizations that help answer specific questions. Before visualizing your data, you need to ensure it has been cleaned and prepared, as covered in previous lessons. Once that's done, you can start deciding how best to present the data. +One of the essential skills for a data scientist is the ability to create meaningful data visualizations that help answer questions. Before visualizing your data, you need to ensure it has been cleaned and prepared, as you learned in previous lessons. Once that's done, you can start deciding how best to present the data. In this lesson, you will explore: @@ -28,11 +28,11 @@ In this lesson, you will explore: ## [Pre-Lecture Quiz](https://purple-hill-04aebfb03.1.azurestaticapps.net/quiz/24) -## Selecting the appropriate chart type +## Choose the right chart type -In earlier lessons, you experimented with creating various types of data visualizations using Matplotlib and Seaborn. Generally, you can choose the [appropriate chart type](https://chartio.com/learn/charts/how-to-select-a-data-vizualization/) based on the question you're trying to answer using the following table: +In earlier lessons, you experimented with creating various data visualizations using Matplotlib and Seaborn. Generally, you can use the [right type of chart](https://chartio.com/learn/charts/how-to-select-a-data-vizualization/) based on the question you're trying to answer, as shown in this table: -| Task | Recommended Chart Type | +| You need to: | You should use: | | -------------------------- | ------------------------------- | | Show data trends over time | Line | | Compare categories | Bar, Pie | @@ -41,21 +41,21 @@ In earlier lessons, you experimented with creating various types of data visuali | Show distributions | Scatter, Histogram, Box | | Show proportions | Pie, Donut, Waffle | -> ✅ Depending on the structure of your data, you may need to convert it from text to numeric format to make certain charts work. +> ✅ Depending on the structure of your data, you might need to convert it from text to numeric to make certain charts work. -## Avoiding misleading visualizations +## Avoid deception -Even when a data scientist carefully selects the right chart for the data, there are still ways to present data in a misleading manner, often to support a specific narrative at the expense of accuracy. There are numerous examples of deceptive charts and infographics! +Even when a data scientist carefully selects the right chart for the data, there are many ways data can be presented misleadingly to support a particular narrative, often at the expense of the data's integrity. There are countless examples of deceptive charts and infographics! [![How Charts Lie by Alberto Cairo](../../../../3-Data-Visualization/13-meaningful-visualizations/images/tornado.png)](https://www.youtube.com/watch?v=oX74Nge8Wkw "How charts lie") > 🎥 Click the image above to watch a conference talk about misleading charts. -This chart flips the X-axis to present the opposite of the truth based on dates: +This chart flips the X-axis to show the opposite of the truth based on the dates: ![bad chart 1](../../../../3-Data-Visualization/13-meaningful-visualizations/images/bad-chart-1.png) -[This chart](https://media.firstcoastnews.com/assets/WTLV/images/170ae16f-4643-438f-b689-50d66ca6a8d8/170ae16f-4643-438f-b689-50d66ca6a8d8_1140x641.jpg) is even more misleading. At first glance, it appears that COVID cases have declined over time in various counties. However, upon closer inspection, the dates have been rearranged to create a deceptive downward trend. +[This chart](https://media.firstcoastnews.com/assets/WTLV/images/170ae16f-4643-438f-b689-50d66ca6a8d8/170ae16f-4643-438f-b689-50d66ca6a8d8_1140x641.jpg) is even more misleading. At first glance, it appears that COVID cases have declined over time in various counties. However, upon closer inspection, the dates have been rearranged to create a false downward trend. ![bad chart 2](../../../../3-Data-Visualization/13-meaningful-visualizations/images/bad-chart-2.jpg) @@ -63,23 +63,23 @@ This infamous example uses both color and a flipped Y-axis to mislead viewers. I ![bad chart 3](../../../../3-Data-Visualization/13-meaningful-visualizations/images/bad-chart-3.jpg) -This peculiar chart manipulates proportions to a comical degree: +This peculiar chart demonstrates how proportions can be manipulated, often to humorous effect: ![bad chart 4](../../../../3-Data-Visualization/13-meaningful-visualizations/images/bad-chart-4.jpg) -Another deceptive tactic is comparing things that are not truly comparable. A [fascinating website](https://tylervigen.com/spurious-correlations) showcases 'spurious correlations,' such as the divorce rate in Maine being linked to margarine consumption. A Reddit group also collects [examples of poor data usage](https://www.reddit.com/r/dataisugly/top/?t=all). +Another deceptive tactic is comparing things that aren't truly comparable. A [fascinating website](https://tylervigen.com/spurious-correlations) showcases 'spurious correlations,' such as the divorce rate in Maine being linked to margarine consumption. A Reddit group also collects [examples of poor data usage](https://www.reddit.com/r/dataisugly/top/?t=all). -Understanding how easily the eye can be tricked by misleading charts is crucial. Even with good intentions, a poorly chosen chart type—like a pie chart with too many categories—can lead to confusion. +It's crucial to understand how easily the eye can be tricked by misleading charts. Even with good intentions, a poorly chosen chart type—like a pie chart with too many categories—can lead to confusion. -## Using color effectively +## Color -The 'Florida gun violence' chart above demonstrates how color can add another layer of meaning to visualizations. Libraries like Matplotlib and Seaborn come with pre-designed color palettes, but if you're creating a chart manually, it's worth studying [color theory](https://colormatters.com/color-and-design/basic-color-theory). +The 'Florida gun violence' chart above illustrates how color can add another layer of meaning to visualizations, especially when charts aren't created using libraries like Matplotlib or Seaborn, which offer pre-vetted color palettes. If you're designing a chart manually, take some time to study [color theory](https://colormatters.com/color-and-design/basic-color-theory). > ✅ Keep accessibility in mind when designing charts. Some users may be colorblind—does your chart work well for those with visual impairments? -Be cautious when selecting colors for your chart, as they can convey unintended meanings. For example, the 'pink ladies' in the 'height' chart above add a gendered implication that makes the chart even more bizarre. +Be cautious when selecting colors for your chart, as they can convey unintended meanings. For example, the 'pink ladies' in the 'height' chart above add a distinctly 'feminine' connotation, which contributes to the chart's oddness. -While [color meanings](https://colormatters.com/color-symbolism/the-meanings-of-colors) can vary across cultures and change depending on the shade, general associations include: +While [color meanings](https://colormatters.com/color-symbolism/the-meanings-of-colors) can vary across cultures and change depending on the shade, here are some general associations: | Color | Meaning | | ------ | ------------------- | @@ -92,9 +92,9 @@ While [color meanings](https://colormatters.com/color-symbolism/the-meanings-of- If you're tasked with creating a chart with custom colors, ensure that your choices align with the intended message and that the chart remains accessible. -## Styling charts for better readability +## Styling your charts for readability -Charts lose their value if they are difficult to read. Take time to adjust the width and height of your chart to ensure it scales well with your data. For example, if you need to display all 50 states, consider showing them vertically on the Y-axis to avoid horizontal scrolling. +Charts lose their value if they're not easy to read! Take time to adjust the width and height of your chart to ensure it scales well with your data. For example, if you're displaying data for all 50 states, consider showing them vertically on the Y-axis to avoid horizontal scrolling. Label your axes, include a legend if necessary, and provide tooltips for better data comprehension. @@ -102,33 +102,33 @@ If your data includes verbose text on the X-axis, you can angle the text for imp ![3d plots](../../../../3-Data-Visualization/13-meaningful-visualizations/images/3d.png) -## Animation and 3D visualizations +## Animation and 3D chart display -Some of the most engaging visualizations today are animated. Shirley Wu has created stunning examples using D3, such as '[film flowers](http://bl.ocks.org/sxywu/raw/d612c6c653fb8b4d7ff3d422be164a5d/),' where each flower represents a movie. Another example is 'Bussed Out,' an interactive experience for the Guardian that combines visualizations with Greensock and D3, along with a scrollytelling article format, to illustrate how NYC addresses homelessness by bussing people out of the city. +Some of the most compelling data visualizations today are animated. Shirley Wu has created stunning examples using D3, such as '[film flowers](http://bl.ocks.org/sxywu/raw/d612c6c653fb8b4d7ff3d422be164a5d/),' where each flower represents a movie. Another example is 'Bussed Out,' an interactive visualization for the Guardian that combines Greensock and D3 with a scrollytelling article format to illustrate how NYC addresses homelessness by bussing people out of the city. ![busing](../../../../3-Data-Visualization/13-meaningful-visualizations/images/busing.png) > "Bussed Out: How America Moves its Homeless" from [the Guardian](https://www.theguardian.com/us-news/ng-interactive/2017/dec/20/bussed-out-america-moves-homeless-people-country-study). Visualizations by Nadieh Bremer & Shirley Wu -While this lesson doesn't delve deeply into these powerful visualization libraries, you can experiment with D3 in a Vue.js app to create an animated visualization of the book "Dangerous Liaisons" as a social network. +While this lesson doesn't delve deeply into these powerful visualization libraries, you can experiment with D3 in a Vue.js app to create an animated social network visualization of the book "Dangerous Liaisons." > "Les Liaisons Dangereuses" is an epistolary novel, presented as a series of letters. Written in 1782 by Choderlos de Laclos, it tells the story of the morally corrupt social maneuvers of two French aristocrats, the Vicomte de Valmont and the Marquise de Merteuil. Both meet their downfall, but not before causing significant social damage. The novel unfolds through letters written to various individuals in their circles, plotting revenge or simply creating chaos. Create a visualization of these letters to identify the key players in the narrative. -You will complete a web app that displays an animated view of this social network. It uses a library designed to create a [network visualization](https://github.com/emiliorizzo/vue-d3-network) with Vue.js and D3. Once the app is running, you can drag nodes around the screen to rearrange the data. +You will complete a web app that displays an animated view of this social network. It uses a library designed to create a [network visualization](https://github.com/emiliorizzo/vue-d3-network) with Vue.js and D3. Once the app is running, you can drag the nodes around to rearrange the data visually. ![liaisons](../../../../3-Data-Visualization/13-meaningful-visualizations/images/liaisons.png) -## Project: Build a network chart using D3.js +## Project: Build a chart to show a network using D3.js -> This lesson folder includes a `solution` folder with the completed project for reference. +> This lesson folder includes a `solution` folder where you can find the completed project for reference. -1. Follow the instructions in the README.md file located in the starter folder's root. Ensure you have NPM and Node.js installed on your machine before setting up the project's dependencies. +1. Follow the instructions in the README.md file in the starter folder's root. Ensure you have NPM and Node.js installed on your machine before setting up the project's dependencies. 2. Open the `starter/src` folder. Inside, you'll find an `assets` folder containing a .json file with all the letters from the novel, annotated with 'to' and 'from' fields. 3. Complete the code in `components/Nodes.vue` to enable the visualization. Locate the method called `createLinks()` and add the following nested loop. -Loop through the .json object to extract the 'to' and 'from' data for the letters and build the `links` object for the visualization library: +Loop through the .json object to extract the 'to' and 'from' data for the letters, building the `links` object for the visualization library: ```javascript //loop through letters @@ -152,9 +152,9 @@ Run your app from the terminal (npm run serve) and enjoy the visualization! ## 🚀 Challenge -Explore the internet to find examples of misleading visualizations. How does the author mislead the audience, and is it intentional? Try correcting the visualizations to show how they should appear. +Explore the internet to find examples of misleading visualizations. How does the author mislead the viewer, and is it intentional? Try correcting the visualizations to show how they should look. -## [Post-Lecture Quiz](https://purple-hill-04aebfb03.1.azurestaticapps.net/quiz/25) +## [Post-lecture quiz](https://ff-quizzes.netlify.app/en/ds/) ## Review & Self Study @@ -164,19 +164,19 @@ https://gizmodo.com/how-to-lie-with-data-visualization-1563576606 http://ixd.prattsi.org/2017/12/visual-lies-usability-in-deceptive-data-visualizations/ -Explore these interesting visualizations of historical assets and artifacts: +Check out these interesting visualizations of historical assets and artifacts: https://handbook.pubpub.org/ -Read this article on how animation can enhance visualizations: +Read this article on how animation can enhance your visualizations: https://medium.com/@EvanSinar/use-animation-to-supercharge-data-visualization-cd905a882ad4 ## Assignment -[Create your own custom visualization](assignment.md) +[Build your own custom visualization](assignment.md) --- **Disclaimer**: -This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation. \ No newline at end of file +This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation. \ No newline at end of file diff --git a/translations/en/4-Data-Science-Lifecycle/14-Introduction/README.md b/translations/en/4-Data-Science-Lifecycle/14-Introduction/README.md index f6e8ec20..9de94693 100644 --- a/translations/en/4-Data-Science-Lifecycle/14-Introduction/README.md +++ b/translations/en/4-Data-Science-Lifecycle/14-Introduction/README.md @@ -1,8 +1,8 @@