{"id":458006,"date":"2025-04-29T09:34:19","date_gmt":"2025-04-29T09:34:19","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=458006"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=458006","title":{"rendered":"<span>\u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0434\u0430\u0448\u0431\u043e\u0440\u0434\u043e\u0432 Dash \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432 Plotly<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p><em>\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440: \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u0435\u043c\u043e\u0432 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u0430\u0432\u0442\u043e\u0440 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u043d\u0430 python, \u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u0445 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432.<\/em><\/p>\n<p>\u0421 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u043f\u043e\u043a\u043e\u043d\u0447\u0435\u043d\u043e, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a\u00a0\u0441\u0443\u0442\u0438. \u0412\u00a0\u043c\u043e\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435 \u043c\u043d\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\u2011\u0434\u0430\u0448\u0431\u043e\u0440\u0434\u043e\u0432, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Dash. \u041e\u043d\u0438 \u0432\u0441\u0435 \u0440\u0430\u0437\u043d\u044b\u0435, \u043d\u043e\u00a0\u0443\u00a0\u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u043d\u0435\u0447\u0442\u043e \u043e\u0431\u0449\u0435\u0435: \u0432\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442\u00a0\u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432, \u0434\u0430\u0448\u0431\u043e\u0440\u0434\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u00a0\u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0432\u00a0\u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u044d\u0442\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u043e\u0436\u0435\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c\u0441\u044f. \u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f\u00a0\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u0441\u0445\u0435\u043c\u044b. <\/p>\n<p>\u0417\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0434\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0442\u0440\u0443\u0434\u043e\u0435\u043c\u043a\u0438\u0439 \u0438 \u0435\u0449\u0435 \u0438 \u043d\u0435\u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u043d\u044b\u0439: \u0435\u0441\u043b\u0438 \u0437\u0430\u0432\u0442\u0440\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0441\u0442\u0430\u043d\u0435\u0442 \u043d\u0430\u00a0\u043e\u0434\u043d\u0443 \u0431\u043e\u043b\u044c\u0448\u0435, \u043d\u0443\u0436\u043d\u043e \u00ab\u0440\u0443\u043a\u0430\u043c\u0438\u00bb \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u0435\u0439 \u043d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442. \u0415\u0441\u043b\u0438 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u0442\u043e \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043e\u0434\u043d\u0430\u0436\u0434\u044b \u00ab\u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c\u0441\u044f\u00bb, \u0438\u043b\u0438\u00a0\u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0430\u0440\u0430\u2011\u0442\u0440\u043e\u0439\u043a\u0430 \u0446\u0432\u0435\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0447\u0435\u043c\u0443 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043d\u0435\u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e \u0431\u043b\u0438\u0437\u043a\u043e \u0434\u0440\u0443\u0433 \u043a\u00a0\u0434\u0440\u0443\u0433\u0443.<\/p>\n<p>\u042f \u0432\u043e\u0437\u044c\u043c\u0443 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0433\u043e\u0442\u043e\u0432\u0443\u044e \u0446\u0432\u0435\u0442\u043e\u0432\u0443\u044e \u0441\u0445\u0435\u043c\u0443. \u0414\u0430\u043b\u0435\u0435 \u0441\u0442\u0430\u043d\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0437\u0430\u0447\u0435\u043c \u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043a\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 rgb-\u043a\u043e\u0434\u0430. <\/p>\n<pre><code class=\"python\">light_green_rgb = [135, 182, 96] light_green = '87b660'  light_blue_rgb = [64, 92, 162] light_blue = '#405ca2'  dark_blue_rgb = [38, 47, 78] dark_blue = '#262f4e'  neutral_white = '#f2f2f2'<\/code><\/pre>\n<p>\u0426\u0432\u0435\u0442\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0442\u0430\u043a. \u0415\u0441\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043a\u0430\u043a \u044f \u0434\u0435\u043b\u0430\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u0441\u0445\u0435\u043c, \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435, \u044f \u043d\u0430\u043f\u0438\u0448\u0443 \u043e\u0431 \u044d\u0442\u043e\u043c.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/252\/c89\/18c\/252c8918c238268697a7b8a97d05acbc.png\" alt=\"\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\" title=\"\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\" width=\"500\" height=\"300\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/252\/c89\/18c\/252c8918c238268697a7b8a97d05acbc.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/252\/c89\/18c\/252c8918c238268697a7b8a97d05acbc.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0430<\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043c\u043e\u0435\u0439 \u043c\u044b\u0441\u043b\u0438, \u044f \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043c \u0434\u0430\u043d\u043d\u044b\u0435. \u041e\u043d\u0438 \u0441\u0438\u043d\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a\u043e\u0433\u043e-\u0442\u043e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u0440\u0438\u0442\u044c \u0443 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445. <\/p>\n<pre><code class=\"python\">import random  #\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043e\u043a animals_list, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445 animals_list = ['\u041b\u0435\u0432', '\u0414\u0435\u043b\u044c\u0444\u0438\u043d', '\u041f\u0430\u0432\u043b\u0438\u043d', '\u041f\u0430\u043d\u0434\u0430', '\u0416\u0438\u0440\u0430\u0444', '\u041a\u043e\u0430\u043b\u0430', '\u0424\u043b\u0430\u043c\u0438\u043d\u0433\u043e', '\u041a\u0435\u043d\u0433\u0443\u0440\u0443', '\u041e\u0440\u0430\u043d\u0433\u0443\u0442\u0430\u043d', '\u041a\u0440\u043e\u043a\u043e\u0434\u0438\u043b', '\u041a\u043e\u043b\u0438\u0431\u0440\u0438', '\u0411\u0435\u043b\u044b\u0439 \u043c\u0435\u0434\u0432\u0435\u0434\u044c', '\u0417\u0435\u0431\u0440\u0430', '\u0411\u0443\u0440\u044b\u0439 \u043c\u0435\u0434\u0432\u0435\u0434\u044c', '\u0422\u0438\u0433\u0440', '\u0421\u043b\u043e\u043d', '\u041b\u0435\u043e\u043f\u0430\u0440\u0434', '\u0411\u0435\u043b\u043a\u0430', '\u0427\u0435\u0440\u0435\u043f\u0430\u0445\u0430', '\u041f\u043e\u043f\u0443\u0433\u0430\u0439'] #\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043a\u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043b\u0438\u043d\u043e\u0439 50 animal_count = len(animals_list) lists = [] for _ in range(animal_count):     # \u0421\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u0434\u0430\u044e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438     min_range = random.randint(10, 30)     max_range = random.randint(50, 200)     # \u0413\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0447\u0438\u0441\u0435\u043b \u0432 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435     lst = [random.randint(min_range, max_range) for _ in range(50)]     lists.append(lst)<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u043c Box Plot, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445.<\/p>\n<pre><code class=\"python\">fig = go.Figure() count_animals = random.randint(1, 20) for i in range(0, count_animals):     fig.add_trace(go.Box(y=lists[i], quartilemethod=\"linear\", name=animals_list[i])) fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                    title_font=dict(size=15), title_y=0.97,                   paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                   margin = dict(t=30, l=10, r=10, b=10),                    xaxis_tickfont_size=10, yaxis_tickfont_size=10,                   legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0422\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0433\u0440\u0430\u0444\u0438\u043a \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445:<\/p>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/4c8\/ddd\/b89\/4c8dddb898f8e2d4bd48dcaeeced6409.png\" alt=\"Box Plot \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" title=\"Box Plot \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/4c8\/ddd\/b89\/4c8dddb898f8e2d4bd48dcaeeced6409.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/4c8\/ddd\/b89\/4c8dddb898f8e2d4bd48dcaeeced6409.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0418 \u0432\u043e\u0442 \u0442\u0430\u043a \u0434\u043b\u044f 16:<\/p>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/93b\/602\/925\/93b602925adc80ebe371d1408dc3f599.png\" alt=\"Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" title=\"Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/93b\/602\/925\/93b602925adc80ebe371d1408dc3f599.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/93b\/602\/925\/93b602925adc80ebe371d1408dc3f599.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0427\u0442\u043e\u0431\u044b \u0443\u0439\u0442\u0438 \u043e\u0442 \u0431\u0443\u0439\u0441\u0442\u0432\u0430 \u043a\u0440\u0430\u0441\u043e\u043a \u0432 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438, \u043a\u043e\u0433\u0434\u0430 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043d\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u044f \u0441\u043e\u0437\u0434\u0430\u044e \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u00ab\u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u0442\u0435\u043a\u0430\u043d\u0438\u0435\u00bb \u0438\u0437\u00a0\u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u0432\u00a0\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0432\u00a0\u0441\u043f\u0438\u0441\u043a\u0435.<\/p>\n<pre><code class=\"python\">import random count_animals = random.randint(1, 20)  #\u0441\u043e\u0437\u0434\u0430\u044e \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u0434\u043b\u0438\u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0430\u0432\u043d\u0430 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e\u043c\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e count_animals count = count_animals animal_colors = [] color_step_1 = ((light_green_rgb[0]-light_blue_rgb[0]) \/ (count-1)) color_step_2 = ((light_green_rgb[1]-light_blue_rgb[1]) \/ (count-1)) color_step_3 = ((light_green_rgb[2]-light_blue_rgb[2]) \/ (count-1))  for i in range(count):     r = int(light_blue_rgb[0] + color_step_1 * i)     g = int(light_blue_rgb[1] + color_step_2 * i)     b = int(light_blue_rgb[2] + color_step_3 * i)     rgb = f'rgb({r}, {g}, {b})'     animal_colors.append(rgb)  fig = go.Figure() for i in range(0, count_animals):     fig.add_trace(go.Box(y=lists[i], quartilemethod=\"linear\", name=animals_list[i], marker_color = animal_colors[i]))  fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                                title_font=dict(size=15, color = dark_blue), title_y=0.97,                       paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                       margin = dict(t=30, l=10, r=10, b=10), xaxis_tickfont_size=10, yaxis_tickfont_size=10,                       legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u044b\u0448\u0435\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f count_animals \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f0e\/f4e\/a35\/f0ef4ea35a2f024faf477c7e860a2083.png\" alt=\"Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u0438 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" title=\"Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u0438 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/f0e\/f4e\/a35\/f0ef4ea35a2f024faf477c7e860a2083.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f0e\/f4e\/a35\/f0ef4ea35a2f024faf477c7e860a2083.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u0438 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0418\u043b\u0438 \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/e1a\/624\/c81\/e1a624c8100a748cfa6b36bf3935199b.png\" alt=\"Box Plot \u0434\u043b\u044f 17 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" title=\"Box Plot \u0434\u043b\u044f 17 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/e1a\/624\/c81\/e1a624c8100a748cfa6b36bf3935199b.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/e1a\/624\/c81\/e1a624c8100a748cfa6b36bf3935199b.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>Box Plot \u0434\u043b\u044f 17 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0422\u0430\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0432 \u0443\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u044b\u0445 \u0446\u0435\u043b\u044f\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u043d\u043e \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u0435, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u043e\u0433\u0434\u0430 \u0446\u0432\u0435\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440. <\/p>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430. \u041d\u0430\u0448 \u0441\u043f\u0438\u0441\u043e\u043a \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 20 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 20. <\/p>\n<pre><code class=\"python\">import random #\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 numbers = [random.randint(20, 100) for _ in range(20)] #\u0441\u043e\u0437\u0434\u0430\u044e DataFrame \u0438\u0437 \u0432\u0441\u0435\u0437 \u0438\u043c\u0435\u044e\u0449\u0438\u0445\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 df = pd.DataFrame(animals_list, columns = ['animal_name']) #\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Box Plot df['values'] = lists  #\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u0442\u044c DataFrame df['ranking_parameter'] = numbers #\u0441\u0440\u0430\u0437\u0443 \u0440\u0430\u043d\u0436\u0438\u0440\u0443\u044e \u043f\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0443 'ranking_parameter' df = df.sort_values(by = 'ranking_parameter').reset_index()<\/code><\/pre>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/5e1\/3a9\/747\/5e13a9747dca36a6823a99c5f689720c.png\" alt=\"\u041f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0444\u0440\u0435\u0439\u043c\" title=\"\u041f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0444\u0440\u0435\u0439\u043c\" width=\"639\" height=\"305\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/5e1\/3a9\/747\/5e13a9747dca36a6823a99c5f689720c.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/5e1\/3a9\/747\/5e13a9747dca36a6823a99c5f689720c.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u041f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0444\u0440\u0435\u0439\u043c<\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0432 \u043d\u0430\u0448\u0435\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0439 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0447\u0435\u043c \u0432\u044b\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0441\u0442\u043e\u043b\u0431\u0446\u0435 &#8216;ranking_parameter&#8217;, \u0442\u0435\u043c \u043b\u0443\u0447\u0448\u0435, \u0447\u0435\u043c \u043d\u0438\u0436\u0435, \u0442\u0435\u043c \u0445\u0443\u0436\u0435 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u044d\u0442\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u043e\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043e\u0441\u043e\u0431\u043e\u0433\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f.<\/p>\n<p>\u0414\u043b\u044f \u0442\u0430\u043a\u043e\u0439 \u0438\u043d\u0434\u0438\u043a\u0430\u0446\u0438\u0438, \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u0434\u043b\u044f \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0438 \u043d\u0430\u0438\u0445\u0443\u0434\u0448\u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e, \u0432\u043e\u0437\u044c\u043c\u0443 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u0437\u0435\u043b\u0435\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0438 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u043a\u0440\u0430\u0441\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u043e\u0433\u043e.  <\/p>\n<pre><code class=\"python\">red = '#f24924' red_rgb = [242, 73, 36]  green = '#32cd32' green_rgb = [50, 205, 50]<\/code><\/pre>\n<p>\u041a\u043e\u0434 \u0432\u0446\u0435\u043b\u043e\u043c \u043d\u0435\u00a0\u043e\u0447\u0435\u043d\u044c \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u00a0\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u044f \u00ab\u0442\u044f\u043d\u0443\u00bb \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 DataFrame, \u0430 \u043d\u0435 \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u043e\u0432. \u0418, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u044b \u0438\u043c\u0435\u043d\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u0440\u0430\u043d\u044f\u0442 \u043f\u0435\u0440\u0432\u044b\u0439 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430. <\/p>\n<pre><code class=\"python\">count_animals = random.randint(1, 20)  count = count_animals animal_colors = [] color_step_1 = ((green_rgb[0]-red_rgb[0]) \/ (count-1)) color_step_2 = ((green_rgb[1]-red_rgb[1]) \/ (count-1)) color_step_3 = ((green_rgb[2]-red_rgb[2]) \/ (count-1))  for i in range(count):     r = int(red_rgb[0] + color_step_1 * i)     g = int(red_rgb[1] + color_step_2 * i)     b = int(red_rgb[2] + color_step_3 * i)     rgb = f'rgb({r}, {g}, {b})'     animal_colors.append(rgb)  fig = go.Figure()  for i in range(0, count_animals):     fig.add_trace(go.Box(y=df.iloc[i]['values'], quartilemethod=\"linear\", name=df.iloc[i]['animal_name'], marker_color = animal_colors[i])) fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                                title_font=dict(size=15, color = dark_blue), title_y=0.97,                       paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                       margin = dict(t=30, l=10, r=10, b=10), xaxis_tickfont_size=10, yaxis_tickfont_size=10,                       legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043a\u043e\u0434\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0442\u0430\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u0430:<\/p>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/86a\/cb1\/a94\/86acb1a9441dc22ae116a4dfb931ffb9.png\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/86a\/cb1\/a94\/86acb1a9441dc22ae116a4dfb931ffb9.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/86a\/cb1\/a94\/86acb1a9441dc22ae116a4dfb931ffb9.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<figure class=\"full-width\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/918\/7b4\/a9e\/9187b4a9e031e28ab9383d760ee4dbf5.png\" width=\"800\" height=\"400\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/918\/7b4\/a9e\/9187b4a9e031e28ab9383d760ee4dbf5.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/918\/7b4\/a9e\/9187b4a9e031e28ab9383d760ee4dbf5.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443_1, \u043d\u043e \u0438 \u0446\u0432\u0435\u0442\u043e\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0430\u0448\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043f\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443_2. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0446\u0432\u0435\u0442 \u043c\u0430\u0440\u043a\u0435\u0440\u0430 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439, \u0432\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445, \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f.<\/p>\n<p>\u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0432\u0441\u0435)<br \/>\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b\u0438 \u0434\u043e \u043a\u043e\u043d\u0446\u0430. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/900810\/\"> https:\/\/habr.com\/ru\/articles\/900810\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p><em>\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440: \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u0435\u043c\u043e\u0432 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u0430\u0432\u0442\u043e\u0440 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u043d\u0430 python, \u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u0445 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432.<\/em><\/p>\n<p>\u0421 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u043f\u043e\u043a\u043e\u043d\u0447\u0435\u043d\u043e, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a\u00a0\u0441\u0443\u0442\u0438. \u0412\u00a0\u043c\u043e\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435 \u043c\u043d\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\u2011\u0434\u0430\u0448\u0431\u043e\u0440\u0434\u043e\u0432, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Dash. \u041e\u043d\u0438 \u0432\u0441\u0435 \u0440\u0430\u0437\u043d\u044b\u0435, \u043d\u043e\u00a0\u0443\u00a0\u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u043d\u0435\u0447\u0442\u043e \u043e\u0431\u0449\u0435\u0435: \u0432\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442\u00a0\u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432, \u0434\u0430\u0448\u0431\u043e\u0440\u0434\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u00a0\u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0432\u00a0\u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u044d\u0442\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043c\u043e\u0436\u0435\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c\u0441\u044f. \u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f\u00a0\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u0441\u0445\u0435\u043c\u044b. <\/p>\n<p>\u0417\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0434\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0442\u0440\u0443\u0434\u043e\u0435\u043c\u043a\u0438\u0439 \u0438 \u0435\u0449\u0435 \u0438 \u043d\u0435\u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u043d\u044b\u0439: \u0435\u0441\u043b\u0438 \u0437\u0430\u0432\u0442\u0440\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0441\u0442\u0430\u043d\u0435\u0442 \u043d\u0430\u00a0\u043e\u0434\u043d\u0443 \u0431\u043e\u043b\u044c\u0448\u0435, \u043d\u0443\u0436\u043d\u043e \u00ab\u0440\u0443\u043a\u0430\u043c\u0438\u00bb \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u0435\u0439 \u043d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442. \u0415\u0441\u043b\u0438 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u0442\u043e \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043e\u0434\u043d\u0430\u0436\u0434\u044b \u00ab\u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c\u0441\u044f\u00bb, \u0438\u043b\u0438\u00a0\u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0430\u0440\u0430\u2011\u0442\u0440\u043e\u0439\u043a\u0430 \u0446\u0432\u0435\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0447\u0435\u043c\u0443 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043d\u0435\u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e \u0431\u043b\u0438\u0437\u043a\u043e \u0434\u0440\u0443\u0433 \u043a\u00a0\u0434\u0440\u0443\u0433\u0443.<\/p>\n<p>\u042f \u0432\u043e\u0437\u044c\u043c\u0443 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0433\u043e\u0442\u043e\u0432\u0443\u044e \u0446\u0432\u0435\u0442\u043e\u0432\u0443\u044e \u0441\u0445\u0435\u043c\u0443. \u0414\u0430\u043b\u0435\u0435 \u0441\u0442\u0430\u043d\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0437\u0430\u0447\u0435\u043c \u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043a\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 rgb-\u043a\u043e\u0434\u0430. <\/p>\n<pre><code class=\"python\">light_green_rgb = [135, 182, 96] light_green = '87b660'  light_blue_rgb = [64, 92, 162] light_blue = '#405ca2'  dark_blue_rgb = [38, 47, 78] dark_blue = '#262f4e'  neutral_white = '#f2f2f2'<\/code><\/pre>\n<p>\u0426\u0432\u0435\u0442\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0442\u0430\u043a. \u0415\u0441\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043a\u0430\u043a \u044f \u0434\u0435\u043b\u0430\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u0441\u0445\u0435\u043c, \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435, \u044f \u043d\u0430\u043f\u0438\u0448\u0443 \u043e\u0431 \u044d\u0442\u043e\u043c.<\/p>\n<figure class=\"\">\n<div><figcaption>\u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0430<\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043c\u043e\u0435\u0439 \u043c\u044b\u0441\u043b\u0438, \u044f \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043c \u0434\u0430\u043d\u043d\u044b\u0435. \u041e\u043d\u0438 \u0441\u0438\u043d\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a\u043e\u0433\u043e-\u0442\u043e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u0440\u0438\u0442\u044c \u0443 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445. <\/p>\n<pre><code class=\"python\">import random  #\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043e\u043a animals_list, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445 animals_list = ['\u041b\u0435\u0432', '\u0414\u0435\u043b\u044c\u0444\u0438\u043d', '\u041f\u0430\u0432\u043b\u0438\u043d', '\u041f\u0430\u043d\u0434\u0430', '\u0416\u0438\u0440\u0430\u0444', '\u041a\u043e\u0430\u043b\u0430', '\u0424\u043b\u0430\u043c\u0438\u043d\u0433\u043e', '\u041a\u0435\u043d\u0433\u0443\u0440\u0443', '\u041e\u0440\u0430\u043d\u0433\u0443\u0442\u0430\u043d', '\u041a\u0440\u043e\u043a\u043e\u0434\u0438\u043b', '\u041a\u043e\u043b\u0438\u0431\u0440\u0438', '\u0411\u0435\u043b\u044b\u0439 \u043c\u0435\u0434\u0432\u0435\u0434\u044c', '\u0417\u0435\u0431\u0440\u0430', '\u0411\u0443\u0440\u044b\u0439 \u043c\u0435\u0434\u0432\u0435\u0434\u044c', '\u0422\u0438\u0433\u0440', '\u0421\u043b\u043e\u043d', '\u041b\u0435\u043e\u043f\u0430\u0440\u0434', '\u0411\u0435\u043b\u043a\u0430', '\u0427\u0435\u0440\u0435\u043f\u0430\u0445\u0430', '\u041f\u043e\u043f\u0443\u0433\u0430\u0439'] #\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e \u0441\u043f\u0438\u0441\u043a\u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043b\u0438\u043d\u043e\u0439 50 animal_count = len(animals_list) lists = [] for _ in range(animal_count):     # \u0421\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u0434\u0430\u044e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438     min_range = random.randint(10, 30)     max_range = random.randint(50, 200)     # \u0413\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0447\u0438\u0441\u0435\u043b \u0432 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435     lst = [random.randint(min_range, max_range) for _ in range(50)]     lists.append(lst)<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u043c Box Plot, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445.<\/p>\n<pre><code class=\"python\">fig = go.Figure() count_animals = random.randint(1, 20) for i in range(0, count_animals):     fig.add_trace(go.Box(y=lists[i], quartilemethod=\"linear\", name=animals_list[i])) fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                    title_font=dict(size=15), title_y=0.97,                   paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                   margin = dict(t=30, l=10, r=10, b=10),                    xaxis_tickfont_size=10, yaxis_tickfont_size=10,                   legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0422\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0433\u0440\u0430\u0444\u0438\u043a \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0418 \u0432\u043e\u0442 \u0442\u0430\u043a \u0434\u043b\u044f 16:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0427\u0442\u043e\u0431\u044b \u0443\u0439\u0442\u0438 \u043e\u0442 \u0431\u0443\u0439\u0441\u0442\u0432\u0430 \u043a\u0440\u0430\u0441\u043e\u043a \u0432 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438, \u043a\u043e\u0433\u0434\u0430 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043d\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u044f \u0441\u043e\u0437\u0434\u0430\u044e \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u00ab\u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u0442\u0435\u043a\u0430\u043d\u0438\u0435\u00bb \u0438\u0437\u00a0\u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u0432\u00a0\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0432\u00a0\u0441\u043f\u0438\u0441\u043a\u0435.<\/p>\n<pre><code class=\"python\">import random count_animals = random.randint(1, 20)  #\u0441\u043e\u0437\u0434\u0430\u044e \u0441\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432, \u0434\u043b\u0438\u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0430\u0432\u043d\u0430 \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e\u043c\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e count_animals count = count_animals animal_colors = [] color_step_1 = ((light_green_rgb[0]-light_blue_rgb[0]) \/ (count-1)) color_step_2 = ((light_green_rgb[1]-light_blue_rgb[1]) \/ (count-1)) color_step_3 = ((light_green_rgb[2]-light_blue_rgb[2]) \/ (count-1))  for i in range(count):     r = int(light_blue_rgb[0] + color_step_1 * i)     g = int(light_blue_rgb[1] + color_step_2 * i)     b = int(light_blue_rgb[2] + color_step_3 * i)     rgb = f'rgb({r}, {g}, {b})'     animal_colors.append(rgb)  fig = go.Figure() for i in range(0, count_animals):     fig.add_trace(go.Box(y=lists[i], quartilemethod=\"linear\", name=animals_list[i], marker_color = animal_colors[i]))  fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                                title_font=dict(size=15, color = dark_blue), title_y=0.97,                       paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                       margin = dict(t=30, l=10, r=10, b=10), xaxis_tickfont_size=10, yaxis_tickfont_size=10,                       legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u044b\u0448\u0435\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f count_animals \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>Box Plot \u0434\u043b\u044f \u0448\u0435\u0441\u0442\u0438 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0418\u043b\u0438 \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\">\n<div><figcaption>Box Plot \u0434\u043b\u044f 17 \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445<\/figcaption><\/div>\n<\/figure>\n<p>\u0422\u0430\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0432 \u0443\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u044b\u0445 \u0446\u0435\u043b\u044f\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u043d\u043e \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u0435, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u043e\u0433\u0434\u0430 \u0446\u0432\u0435\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440. <\/p>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430. \u041d\u0430\u0448 \u0441\u043f\u0438\u0441\u043e\u043a \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 20 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 20. <\/p>\n<pre><code class=\"python\">import random #\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 numbers = [random.randint(20, 100) for _ in range(20)] #\u0441\u043e\u0437\u0434\u0430\u044e DataFrame \u0438\u0437 \u0432\u0441\u0435\u0437 \u0438\u043c\u0435\u044e\u0449\u0438\u0445\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 df = pd.DataFrame(animals_list, columns = ['animal_name']) #\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Box Plot df['values'] = lists  #\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u0442\u044c DataFrame df['ranking_parameter'] = numbers #\u0441\u0440\u0430\u0437\u0443 \u0440\u0430\u043d\u0436\u0438\u0440\u0443\u044e \u043f\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0443 'ranking_parameter' df = df.sort_values(by = 'ranking_parameter').reset_index()<\/code><\/pre>\n<figure class=\"full-width\">\n<div><figcaption>\u041f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0444\u0440\u0435\u0439\u043c<\/figcaption><\/div>\n<\/figure>\n<p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0432 \u043d\u0430\u0448\u0435\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0439 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0447\u0435\u043c \u0432\u044b\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0441\u0442\u043e\u043b\u0431\u0446\u0435 &#8216;ranking_parameter&#8217;, \u0442\u0435\u043c \u043b\u0443\u0447\u0448\u0435, \u0447\u0435\u043c \u043d\u0438\u0436\u0435, \u0442\u0435\u043c \u0445\u0443\u0436\u0435 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u044d\u0442\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u043e\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043e\u0441\u043e\u0431\u043e\u0433\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f.<\/p>\n<p>\u0414\u043b\u044f \u0442\u0430\u043a\u043e\u0439 \u0438\u043d\u0434\u0438\u043a\u0430\u0446\u0438\u0438, \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u0434\u043b\u044f \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0438 \u043d\u0430\u0438\u0445\u0443\u0434\u0448\u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e, \u0432\u043e\u0437\u044c\u043c\u0443 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u0437\u0435\u043b\u0435\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0438 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u043a\u0440\u0430\u0441\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u043e\u0433\u043e.  <\/p>\n<pre><code class=\"python\">red = '#f24924' red_rgb = [242, 73, 36]  green = '#32cd32' green_rgb = [50, 205, 50]<\/code><\/pre>\n<p>\u041a\u043e\u0434 \u0432\u0446\u0435\u043b\u043e\u043c \u043d\u0435\u00a0\u043e\u0447\u0435\u043d\u044c \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u00a0\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u044f \u00ab\u0442\u044f\u043d\u0443\u00bb \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 DataFrame, \u0430 \u043d\u0435 \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u043e\u0432. \u0418, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u044b \u0438\u043c\u0435\u043d\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u0440\u0430\u043d\u044f\u0442 \u043f\u0435\u0440\u0432\u044b\u0439 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430. <\/p>\n<pre><code class=\"python\">count_animals = random.randint(1, 20)  count = count_animals animal_colors = [] color_step_1 = ((green_rgb[0]-red_rgb[0]) \/ (count-1)) color_step_2 = ((green_rgb[1]-red_rgb[1]) \/ (count-1)) color_step_3 = ((green_rgb[2]-red_rgb[2]) \/ (count-1))  for i in range(count):     r = int(red_rgb[0] + color_step_1 * i)     g = int(red_rgb[1] + color_step_2 * i)     b = int(red_rgb[2] + color_step_3 * i)     rgb = f'rgb({r}, {g}, {b})'     animal_colors.append(rgb)  fig = go.Figure()  for i in range(0, count_animals):     fig.add_trace(go.Box(y=df.iloc[i]['values'], quartilemethod=\"linear\", name=df.iloc[i]['animal_name'], marker_color = animal_colors[i])) fig.update_layout(height = 400, width = 800,                   title_text=(f'Boxplot \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432\u044b\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0434\u043b\u044f {count_animals} \u0432\u0438\u0434\u043e\u0432 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445'),                                title_font=dict(size=15, color = dark_blue), title_y=0.97,                       paper_bgcolor=neutral_white, plot_bgcolor=neutral_white,                       margin = dict(t=30, l=10, r=10, b=10), xaxis_tickfont_size=10, yaxis_tickfont_size=10,                       legend_font=dict(size=10)) fig.show()<\/code><\/pre>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043a\u043e\u0434\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0442\u0430\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u0430:<\/p>\n<figure class=\"full-width\"><\/figure>\n<figure class=\"full-width\"><\/figure>\n<p>\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443_1, \u043d\u043e \u0438 \u0446\u0432\u0435\u0442\u043e\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0430\u0448\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043f\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443_2. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0446\u0432\u0435\u0442 \u043c\u0430\u0440\u043a\u0435\u0440\u0430 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439, \u0432\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445, \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f.<\/p>\n<p>\u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0432\u0441\u0435)<br \/>\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b\u0438 \u0434\u043e \u043a\u043e\u043d\u0446\u0430. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/900810\/\"> https:\/\/habr.com\/ru\/articles\/900810\/<\/a><br \/><\/br><\/br><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-458006","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/458006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=458006"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/458006\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=458006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=458006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=458006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}