{"id":224,"date":"2020-03-27T00:07:29","date_gmt":"2020-03-26T21:07:29","guid":{"rendered":"http:\/\/is42-2018.susu.ru\/poselennovia\/?p=224"},"modified":"2020-04-09T08:48:05","modified_gmt":"2020-04-09T05:48:05","slug":"rabota-s-dash","status":"publish","type":"post","link":"https:\/\/is42-2018.susu.ru\/poselennovia\/2020\/03\/27\/rabota-s-dash\/","title":{"rendered":"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 Dash"},"content":{"rendered":"

\u041f\u043e\u0441\u043b\u0435 \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d\u0438\u044f \u0441 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c Dash \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/strong>
\n\u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044f \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435, \u0430 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0430. <\/p>\n

\r\nimport dash\r\nimport dash_core_components as dcc\r\nimport dash_html_components as html\r\nimport pandas as pd\r\n\r\ndf = pd.read_csv('https:\/\/gist.githubusercontent.com\/chriddyp\/c78bf172206ce24f77d6363a2d754b59\/raw\/c353e8ef842413cae56ae3920b8fd78468aa4cb2\/usa-agricultural-exports-2011.csv')\r\n\r\n\r\ndef generate_table(dataframe, max_rows=10):\r\n    return html.Table([\r\n        html.Thead(\r\n            html.Tr([html.Th(col) for col in dataframe.columns])\r\n        ),\r\n        html.Tbody([\r\n            html.Tr([\r\n                html.Td(dataframe.iloc[i][col]) for col in dataframe.columns\r\n            ]) for i in range(min(len(dataframe), max_rows))\r\n        ])\r\n    ])\r\n\r\n\r\nexternal_stylesheets = ['https:\/\/codepen.io\/chriddyp\/pen\/bWLwgP.css']\r\n\r\napp = dash.Dash(__name__, external_stylesheets=external_stylesheets)\r\n\r\napp.layout = html.Div(children=[\r\n    html.H4(children='US Agriculture Exports (2011)'),\r\n    generate_table(df)\r\n])\r\n\r\nif __name__ == '__main__':\r\n    app.run_server(debug=True)\r\n<\/pre>\n
\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b: <\/p>\n
\"\"<\/p>\n
\u041a \u0441\u043b\u043e\u0432\u0443, \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0445\u043e\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u043d\u0430\u0448\u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0435 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435:<\/p>\n
\"\"<\/p>\n
\u0412\u0440\u043e\u0434\u0435 \u0431\u044b \u0432\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u044b \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0443\u0434\u043e\u0431\u043d\u0435\u0435. \u041d\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435!<\/p>\n
\u041f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434: <\/p>\n
\r\nimport dash\r\nimport dash_core_components as dcc\r\nimport dash_html_components as html\r\nimport pandas as pd\r\n\r\nexternal_stylesheets = ['https:\/\/codepen.io\/chriddyp\/pen\/bWLwgP.css']\r\n\r\napp = dash.Dash(__name__, external_stylesheets=external_stylesheets)\r\n\r\ndf = pd.read_csv('https:\/\/gist.githubusercontent.com\/chriddyp\/5d1ea79569ed194d432e56108a04d188\/raw\/a9f9e8076b837d541398e999dcbac2b2826a81f8\/gdp-life-exp-2007.csv')\r\n\r\n\r\napp.layout = html.Div([\r\n    dcc.Graph(\r\n        id='life-exp-vs-gdp',\r\n        figure={\r\n            'data': [\r\n                dict(\r\n                    x=df[df['continent'] == i]['gdp per capita'],\r\n                    y=df[df['continent'] == i]['life expectancy'],\r\n                    text=df[df['continent'] == i]['country'],\r\n                    mode='markers',\r\n                    opacity=0.7,\r\n                    marker={\r\n                        'size': 15,\r\n                        'line': {'width': 0.5, 'color': 'white'}\r\n                    },\r\n                    name=i\r\n                ) for i in df.continent.unique()\r\n            ],\r\n            'layout': dict(\r\n                xaxis={'type': 'log', 'title': 'GDP Per Capita'},\r\n                yaxis={'title': 'Life Expectancy'},\r\n                margin={'l': 40, 'b': 40, 't': 10, 'r': 10},\r\n                legend={'x': 0, 'y': 1},\r\n                hovermode='closest'\r\n            )\r\n        }\r\n    )\r\n])\r\n\r\n\r\nif __name__ == '__main__':\r\n    app.run_server(debug=True)\r\n<\/pre>\n
\u0418 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u0441 \u0442\u043e\u0447\u043a\u0430\u043c\u0438-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438:<\/p>\n
\"\"<\/p>\n
\u041f\u043e \u043c\u043e\u0435\u043c\u0443 \u0441\u043a\u0440\u043e\u043c\u043d\u043e\u043c\u0443 \u043c\u043d\u0435\u043d\u0438\u044e, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0434\u0430\u043d\u043d\u044b\u0445, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0434\u043b\u044f \u043c\u043e\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0438!<\/p>\n
\u041d\u0443 \u0438 \u043d\u0430 \u0434\u0435\u0441\u0435\u0440\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u044d\u0442\u0438 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445<\/strong><\/p>\n
\u041a\u0441\u0442\u0430\u0442\u0438, \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439, \u0432\u0435\u0434\u044c \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u043e\u043f\u0430\u0442\u044c\u0441\u044f \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0412\u043e\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n
\r\nimport dash\r\nimport dash_core_components as dcc\r\nimport dash_html_components as html\r\nimport pandas as pd\r\n\r\nexternal_stylesheets = ['https:\/\/codepen.io\/chriddyp\/pen\/bWLwgP.css']\r\n\r\napp = dash.Dash(__name__, external_stylesheets=external_stylesheets)\r\n\r\ndf = pd.read_csv(\r\n    'https:\/\/gist.githubusercontent.com\/chriddyp\/5d1ea79569ed194d432e56108a04d188\/raw\/a9f9e8076b837d541398e999dcbac2b2826a81f8\/gdp-life-exp-2007.csv')\r\n\r\n\r\ndef generate_table(dataframe, max_rows=10):\r\n    return html.Table([\r\n        html.Thead(\r\n            html.Tr([html.Th(col) for col in dataframe.columns])\r\n        ),\r\n        html.Tbody([\r\n            html.Tr([\r\n                html.Td(dataframe.iloc[i][col]) for col in dataframe.columns\r\n            ]) for i in range(min(len(dataframe), max_rows))\r\n        ])\r\n    ])\r\n\r\n\r\napp.layout = html.Div([\r\n    generate_table(df),\r\n    dcc.Graph(\r\n        id='life-exp-vs-gdp',\r\n        figure={\r\n            'data': [\r\n                dict(\r\n                    x=df[df['continent'] == i]['gdp per capita'],\r\n                    y=df[df['continent'] == i]['life expectancy'],\r\n                    text=df[df['continent'] == i]['country'],\r\n                    mode='markers',\r\n                    opacity=0.7,\r\n                    marker={\r\n                        'size': 15,\r\n                        'line': {'width': 0.5, 'color': 'white'}\r\n                    },\r\n                    name=i\r\n                ) for i in df.continent.unique()\r\n            ],\r\n            'layout': dict(\r\n                xaxis={'type': 'log', 'title': 'GDP Per Capita'},\r\n                yaxis={'title': 'Life Expectancy'},\r\n                margin={'l': 40, 'b': 40, 't': 10, 'r': 10},\r\n                legend={'x': 0, 'y': 1},\r\n                hovermode='closest'\r\n            )\r\n        }\r\n    )\r\n])\r\n\r\n\r\n\r\nif __name__ == '__main__':\r\n    app.run_server(debug=True)\r\n<\/pre>\n
\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
\u041f\u043e\u0441\u043b\u0435 \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d\u0438\u044f \u0441 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c Dash \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044f \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435, \u0430 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0430. import dash import dash_core_components as dcc import dash_html_components as html import pandas\u0427\u0438\u0442\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u043e \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 Dash<\/span>[…]<\/a><\/p>\n","protected":false},"author":19,"featured_media":228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[10],"tags":[9],"_links":{"self":[{"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/posts\/224"}],"collection":[{"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":3,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/posts\/224\/revisions\/231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/is42-2018.susu.ru\/poselennovia\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}