追求卓越追求完美规范学习_追求新的黄金比例
追求卓越追求完美規(guī)范學(xué)習(xí)
The golden ratio is originally a mathematical term. But art, architecture, and design are inconceivable without this math. Everyone aspires to golden proportions as beautiful and unattainable perfection. By visualizing data, we challenge ourselves to strike a balance between design and analysis; finding a similar harmony in the visual perception of a graph much like the harmony of the golden ratio in the world around us. How do we bring numbers and dry logical conclusions to life? How do we get them to tell a fascinating story without losing its meaning? Perhaps we can consider this the “new” Golden Ratio.
黃金比例最初是一個(gè)數(shù)學(xué)術(shù)語(yǔ)。 但是，沒(méi)有這種數(shù)學(xué)，藝術(shù)，建筑和設(shè)計(jì)是不可想象的。 每個(gè)人都渴望獲得美麗和無(wú)法達(dá)到的完美的黃金比例。 通過(guò)可視化數(shù)據(jù)，我們挑戰(zhàn)自己，在設(shè)計(jì)和分析之間取得平衡。 在圖形的視覺(jué)感知中找到相似的和諧，就像我們周?chē)澜绲狞S金比例的和諧一樣。 我們?nèi)绾螌?shù)字和干燥的邏輯結(jié)論帶入生活？ 我們?nèi)绾巫屗麄冎v一個(gè)有趣的故事而又不失去其含義？ 也許我們可以認(rèn)為這是“新的”黃金分割率。
In search for the answers to these questions, I investigated the best examples of modern data visualization by searching through the category “Greatest” in the Tableau Public gallery of works. The work “How Safe Are Ivy League Schools?” by authors Alex Dixon & Tarannum Ansari caught my eye. The authors asked the non-standard question: How safe is it to study at Ivy League universities?
在尋找這些問(wèn)題的答案時(shí)，我通過(guò)在Tableau公共作品庫(kù)中搜索“最偉大”類別來(lái)研究現(xiàn)代數(shù)據(jù)可視化的最佳示例。 常春藤聯(lián)盟學(xué)校有多安全？ ”作者Alex Dixon和Tarannum Ansari引起了我的注意。 作者提出了一個(gè)非標(biāo)準(zhǔn)的問(wèn)題： 在常春藤盟校學(xué)習(xí)安全嗎？
For those unfamiliar, the Ivy League is an association of the eight oldest American universities — often used as a shorthand for prestigious higher education in the United States. To answer their question, the authors used open data on the website of the US Department of Education.
對(duì)于那些陌生的人來(lái)說(shuō)，常春藤聯(lián)盟是美國(guó)八所最古老大學(xué)的協(xié)會(huì)，通常被用作美國(guó)享有聲望的高等教育的簡(jiǎn)寫(xiě)。 為了回答他們的問(wèn)題，作者使用了美國(guó)教育部網(wǎng)站上的開(kāi)放數(shù)據(jù)。
Despite the age of the visualization (it was released in 2017 and features data from 2001–2014), I decided to choose this piece for my investigation of the balance between analysis and visual design. I believe that paying attention to nuances that can confuse users is the best way to learn how to avoid misleading context in my own work, as well as to discuss differences in perception with other specialists.
盡管可視化的年代很久(它于2017年發(fā)布，并具有2001-2014年的數(shù)據(jù))，但我還是決定選擇此作品來(lái)調(diào)查分析與視覺(jué)設(shè)計(jì)之間的平衡。 我認(rèn)為，關(guān)注可能使用戶感到困惑的細(xì)微差別是學(xué)習(xí)如何避免在我自己的作品中產(chǎn)生誤導(dǎo)性上下文以及與其他專家討論看法差異的最佳方法。
報(bào)告格式 (Report Layout)
At first glance, it’s pleasing that the visualization is made with the ideology of a dashboard — on one screen without scrolling. Three vertical logical blocks are highlighted:
乍看之下，令人愉悅的是，可視化是通過(guò)儀表板的思想進(jìn)行的–在一個(gè)屏幕上無(wú)需滾動(dòng)。 突出顯示了三個(gè)垂直邏輯塊：
- for administrative violations, 對(duì)于行政違規(guī)，
- for administrative penalties, 對(duì)于行政處罰，
- for criminal offenses. 刑事犯罪。
Vertical blocks are united by a horizontal strip at the top: eight logos and the short names of the universities. The logos make it possible to reference the universities throughout the dashboard without having to rely on the written name. The logos also work as filters: by clicking, you can select the desired university and view only its information.
垂直塊由頂部的水平條組合在一起：八個(gè)徽標(biāo)和大學(xué)的簡(jiǎn)稱。 徽標(biāo)使您可以在整個(gè)儀表板中引用大學(xué)，而不必依賴書(shū)面名稱。 徽標(biāo)也可以用作過(guò)濾器：通過(guò)單擊，您可以選擇所需的大學(xué)并僅查看其信息。
Under the logos there is a time slicer by years — you can select the period of interest and the data will update accordingly. Traditional and understandable visual solutions are used for visualization:
徽標(biāo)下有一個(gè)按年劃分的時(shí)間切片器-您可以選擇感興趣的時(shí)間段，數(shù)據(jù)將相應(yīng)地更新。 傳統(tǒng)且易于理解的視覺(jué)解決方案用于可視化：
- bar chart, 條形圖
- filter with a choice from the drop-down list, 從下拉列表中選擇一個(gè)選項(xiàng)進(jìn)行過(guò)濾，
- heat chart, 熱圖，
- area diagram. 區(qū)域圖。
字體和配色方案 (Fonts and Colors Scheme)
The authors use fonts very skillfully: two catchy bold fonts are chosen for the headers and a concise, well-read sans-serif font for the description and numbers.
作者非常熟練地使用字體：標(biāo)題選擇了兩種醒目的粗體字體，描述和數(shù)字選擇了簡(jiǎn)潔易讀的sans-serif字體。
The color scheme is a harmonious combination of milky cream and green (perhaps as a reference to the color of ivy leaves). While from a design standpoint this color palette is quite pleasing, it raises a few questions for our inner Analyst. For many people green is intuitively perceived as positive — the greener the better. Accordingly, a saturated green color should indicate a more positive situation (low level of danger). As a result, some users may potentially be confused due to the choice of this palette.
配色方案是乳白色和綠色(可能是常春藤葉顏色的參考)的和諧組合。 從設(shè)計(jì)的角度來(lái)看，此調(diào)色板非常令人滿意，但它給我們的內(nèi)部分析師帶來(lái)了一些問(wèn)題。 對(duì)于許多人來(lái)說(shuō)，綠色在直觀上被認(rèn)為是積極的-綠色越好。 因此，飽和的綠色應(yīng)表示更積極的情況(危險(xiǎn)程度低)。 結(jié)果，由于選擇此調(diào)色板，某些用戶可能會(huì)感到困惑。
In addition, the heat map visualizations have a somewhat confusing color logic, which leads to color and data conflicts. For example, the data for Cornell University is distributed as follows:
此外，熱圖可視化還具有一些令人困惑的顏色邏輯，從而導(dǎo)致顏色和數(shù)據(jù)沖突。 例如，康奈爾大學(xué)的數(shù)據(jù)分布如下：
- 100–200 offenses — standard green, 100–200次進(jìn)攻-標(biāo)準(zhǔn)果嶺，
- 200–500 offenses — light green color, 200–500次進(jìn)攻-淺綠色，
- over 500 offenses — dark green color. 超過(guò)500次進(jìn)攻-深綠色。
What could make the Analyst feel a little more comfortable? Perhaps adding an alternative red spectrum color to the report to create a transition between negative and positive. And this color exists. The Ivy League has several signature colors and one of it — Harvard crimson — just the “crimson” shade we need.
是什么讓分析師感到更舒服？ 也許在報(bào)告中添加其他紅色光譜顏色以在負(fù)值和正值之間創(chuàng)建過(guò)渡。 并且這種顏色存在。 常春藤盟軍有幾種標(biāo)志性的顏色，其中之一是哈佛深紅色，這正是我們需要的“深紅色”色調(diào)。
Please note: This solution is not the best for all people due to color vision deficiency (CVD). It is just one of the suggestions to make the visualization more clear, though one should always check to ensure a viz is using colorblind-friendly palette to avoid misunderstandings due to color perception (for example, Color Blindness Simulator)
請(qǐng)注意：由于色覺(jué)不足(CVD)，此解決方案并非對(duì)所有人都適用。 這只是使可視化效果更清晰的建議之一，盡管應(yīng)該始終檢查以確保可視對(duì)象正在使用對(duì)色盲友好的調(diào)色板，以避免由于色覺(jué)而引起的誤解(例如，“ 色盲模擬器” )。
可視化：分析師感到困惑 (Visualization: The Analyst is Confused)
As already mentioned, simple and intuitive graphs have been chosen for the visualizations. The authors brilliantly managed to reflect a large amount of data without excessive fragmentation and visual weight. Pop-up tips played a significant role — there are lots of them and they are quite informative.
如前所述，為可視化選擇了簡(jiǎn)單直觀的圖形。 作者出色地設(shè)法反映了大量數(shù)據(jù)，而沒(méi)有過(guò)多的碎片和視覺(jué)負(fù)擔(dān)。 彈出提示起著重要作用-其中很多提示都非常有用。
However, there is an ambiguous logic in the choice of the measurement which crosses out all the ease of the visual perception for the Analyst. The authors chose absolute values as the unit of measurement: the total number of violations or offenses. It seems to me that it’s not entirely informative to use absolute values in such studies.
但是，在選擇度量時(shí)存在一個(gè)含糊不清的邏輯，這種邏輯與分析人員的所有視覺(jué)感覺(jué)都難以相提并論。 作者選擇絕對(duì)值作為度量單位：違法或違法的總數(shù)。 在我看來(lái)，在此類研究中使用絕對(duì)值并不完全有益。
For example, 691 law violations were committed at Cornell University in 2014 — is this a lot or a little? It seems to be a lot. That same year there were only 386 violations at Dartmouth College. It looks like things are really going bad at Cornell University after all, doesn’t it? Moreover, the current logic of the heat map tells us this too— Cornell University is shown with darker green than Dartmouth College.
例如，2014年在康奈爾大學(xué)犯下了691起違反法律的行為-是多少？ 似乎很多。 同年，達(dá)特茅斯學(xué)院只有386起違規(guī)事件。 畢竟，康奈爾大學(xué)看起來(lái)真的真的很糟糕，不是嗎？ 此外，熱圖的當(dāng)前邏輯也告訴我們這一點(diǎn)–康奈爾大學(xué)的綠色深于達(dá)特茅斯學(xué)院。
Source)來(lái)源 )But this conclusion may be wrong. To fully understand the situation, I would recommend taking into account the total number of students. And the authors have this data — when you hover over the histograms (left visual block) informative tips with this data for each university appear.
但是這個(gè)結(jié)論可能是錯(cuò)誤的。 為了充分了解這種情況，我建議考慮學(xué)生總數(shù)。 作者擁有這些數(shù)據(jù)-當(dāng)您將鼠標(biāo)懸停在直方圖(左圖塊)上時(shí)，就會(huì)出現(xiàn)每所大學(xué)的數(shù)據(jù)提示性提示。
So, 691 law violations occurred at Cornell University, which has 21,679 students, and 386 law violations occurred at Dartmouth College with 6,298 students. That’s 31.9 law violations per 1,000 students at Cornell University and 61.3 law violations per 1,000 students at Dartmouth College — with a convincing advantage… Cornell University wins!
因此，康奈爾大學(xué)發(fā)生了691起違反法律的行為，有21,679名學(xué)生，達(dá)特茅斯學(xué)院發(fā)生了386起違反法律的行為，有6,298名學(xué)生。 這就是康奈爾大學(xué)每1,000名學(xué)生違反法律的31.9例，達(dá)特茅斯大學(xué)每1000名學(xué)生違反法律的11.3項(xiàng)–具有令人信服的優(yōu)勢(shì)……康奈爾大學(xué)獲勝！
The authors do attempt to compensate for this difference in volume in the bar graphs on the left, which use thickness to designate the number of students. However, this makes the visual less readily understandable at a glance and adds more cognitive load to the reader.
作者的確嘗試補(bǔ)償左側(cè)條形圖中的音量差異，該條形圖使用厚度來(lái)指定學(xué)生人數(shù)。 然而，這使視覺(jué)一眼就不易理解，并給讀者增加了更多的認(rèn)知負(fù)擔(dān)。
Source)來(lái)源 )Our internal Explorers also lacked clear color legends — at least one for each block. Finally, the Analytist tore up something else about the horizontal scale for heat maps — because it was only from the prompts that he could understand that there is aggregate year-by-year data for each of the universities.
我們的內(nèi)部資源管理器也缺少清晰的顏色說(shuō)明-每個(gè)塊至少一個(gè)。 最后，分析家對(duì)熱圖的水平比例進(jìn)行了其他修改，因?yàn)橹挥袕奶崾局兴拍芰私饷克髮W(xué)的年度匯總數(shù)據(jù)。
您批評(píng)-您提供！ (You Criticize — You Offer!)
This report has deservedly entered the category “Greatest” in Tableau — the authors set a fairly complex and voluminous task and have effectively realized it. If it wasn’t for the mentioned remarks on the measurement logic and color choice, the report would be almost flawless from the user’s point of view.
該報(bào)告當(dāng)之無(wú)??愧地進(jìn)入了Tableau的“最偉大”類別-作者設(shè)定了一個(gè)相當(dāng)復(fù)雜和繁瑣的任務(wù)，并有效地實(shí)現(xiàn)了這一目標(biāo)。 如果不是針對(duì)測(cè)量邏輯和顏色選擇的上述說(shuō)明，那么從用戶的角度來(lái)看，該報(bào)告幾乎是完美無(wú)缺的。
At the same time, we don’t necessarily get the answer to the basic question: how safe is it to study in the Ivy League? Trying to answer, our Analyst suggested the report be supplemented with a consolidated safety indicator for the entire Ivy League, also normalized to provide the data in the form of a percentage of events per 1,000 students. Our Designer enthusiastically released all that. The result of their collaborative search for the new golden ratio is this visualization:
同時(shí)，我們不一定能回答基本問(wèn)題： 在常春藤聯(lián)盟學(xué)習(xí)安全嗎？ 為了回答這個(gè)問(wèn)題，我們的分析師建議為報(bào)告添加一個(gè)針對(duì)整個(gè)常春藤聯(lián)盟的綜合安全指標(biāo)，并進(jìn)行標(biāo)準(zhǔn)化，以每1000名學(xué)生事件百分比的形式提供數(shù)據(jù)。 我們的設(shè)計(jì)師熱情地發(fā)布了所有這些內(nèi)容。 他們共同尋找新的黃金比例的結(jié)果是這種可視化效果：
A new variant of the same dashboard (Courtesy of the author)同一儀表板的新變體(由作者提供)So what do we see? The leader among all types of law violations is liquor law violations. Among the criminal offenses, burglary and robbery have a sad leadership .
那我們看到了什么？ 在所有類型的違法行為中，領(lǐng)導(dǎo)者是酒業(yè)違法行為。 在刑事犯罪中，入室盜竊和搶劫行為可悲。
The already mentioned Dartmouth College and its affiliated Princeton University and Brown University are the most “red” participants in our table.
已經(jīng)提到的達(dá)特茅斯學(xué)院及其附屬的普林斯頓大學(xué)和布朗大學(xué)是我們表中最“紅”的參與者。
In contrast, Columbia University in the City of New York, Cornell University, Harvard University, and the University of Pennsylvania are mostly in the safe “green” zone.
相反，紐約市的哥倫比亞大學(xué)，康奈爾大學(xué)，哈佛大學(xué)和賓夕法尼亞大學(xué)則大多位于安全的“綠色”區(qū)域。
Harvard University, however, proved to be an unexpected leader in burglary and robbery. But if you look closely at Criminal Offenses’ heat map 2001–2014, it is clear that these problems have been experienced by Harvard University in the past — since 2009, the university has moved to the “green” team and has never left it again.
然而，事實(shí)證明，哈佛大學(xué)是搶劫和搶劫領(lǐng)域的出人意料的領(lǐng)導(dǎo)者。 但是，如果您仔細(xì)查看2001-2014年《刑事犯罪》的熱圖，很顯然，哈佛大學(xué)過(guò)去曾遇到過(guò)這些問(wèn)題-自2009年以來(lái)，該大學(xué)已轉(zhuǎn)入“綠色”團(tuán)隊(duì)，并且再也沒(méi)有離開(kāi)過(guò)。
結(jié)論 (Conclusions)
Modern data is called Big Data for a reason — the more data, the more difficult it is to visualize. Volumetric data requires detail, and this affects the visual component of the analysis. The original report successfully avoided visualization problems by proposing a constructive graphical solution for a massive data block.
現(xiàn)代數(shù)據(jù)之所以被稱為大數(shù)據(jù)，是因?yàn)橐粋€(gè)原因-數(shù)據(jù)越多，可視化就越困難。 體積數(shù)據(jù)需要詳細(xì)信息，這會(huì)影響分析的視覺(jué)組成。 原始報(bào)告通過(guò)為海量數(shù)據(jù)塊提出了建設(shè)性的圖形解決方案，成功避免了可視化問(wèn)題。
But the completeness of the data presented has replaced the analysis itself.
但是，所提供數(shù)據(jù)的完整性已取代了分析本身。
Not claiming the truth and armed with Occam’s razor (yes, analysts have a lot of surprising techniques in the arsenal), I grouped the data on crimes into the category “criminal offenses” and got rid of the details of the sanctions in “l(fā)aw violations”.
我沒(méi)有聲稱真相，而是用奧卡姆的剃刀武裝(是的，分析家在武器庫(kù)中有很多令人驚訝的技術(shù))，我將犯罪數(shù)據(jù)歸為“犯罪罪”一類，并擺脫了“違反法律的行為”中制裁的細(xì)節(jié)。 ”。
This allowed me to calculate aggregated security indicators, compare Ivy League universities, and find some answers. Maybe it wasn’t as elegant as the original version — that’s something for my inner Designer to think about.
這使我能夠計(jì)算匯總的安全指標(biāo)，比較常春藤盟校，并找到一些答案。 也許它沒(méi)有原始版本那么優(yōu)雅-這是我的內(nèi)部設(shè)計(jì)師要考慮的事情。
My final word of advice — when working on data visualization switch internally from Analyst to Designer and vice versa. (Don’t forget to involve the User however, since he will be the one who will evaluate the final result.) By switching between these two modes of thinking, we work towards that perfect balance between design and analysis — our “new” Golden Ratio.
我最后的建議是-在進(jìn)行數(shù)據(jù)可視化時(shí)，在內(nèi)部從Analyst切換到Designer，反之亦然。 (但是，不要忘了讓用戶參與，因?yàn)樗麑⑹窃u(píng)估最終結(jié)果的人。)通過(guò)在兩種思維方式之間切換，我們努力在設(shè)計(jì)和分析之間實(shí)現(xiàn)完美的平衡-我們的“新” Golden比。
翻譯自: https://medium.com/nightingale/in-pursuit-of-a-new-golden-ratio-1ad528534222
追求卓越追求完美規(guī)范學(xué)習(xí)
總結(jié)
以上是生活随笔為你收集整理的追求卓越追求完美规范学习_追求新的黄金比例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 梦到蟑螂在床上是什么意思
- 下一篇： 梦到被鸡啄是什么意思