{"id":7043,"date":"2020-07-20T16:18:29","date_gmt":"2020-07-20T16:18:29","guid":{"rendered":"https:\/\/www.askpython.com\/?p=7043"},"modified":"2020-07-20T16:18:43","modified_gmt":"2020-07-20T16:18:43","slug":"data-visualization-using-python-bokeh","status":"publish","type":"post","link":"https:\/\/www.askpython.com\/python-modules\/data-visualization-using-python-bokeh","title":{"rendered":"Data Visualization using Python Bokeh"},"content":{"rendered":"\n

In this article, we will be looking into data visualization using Python Bokeh. <\/p>\n\n\n\n

Bokeh allows users to take in data in any format such as CSV, JSON, hard-coded data, or databases. We can create scatter plots, line charts, etc using this library. It is widely used for stock market analysis in the industry because it is very easy to integrate this library with different web frameworks as well such as JS, Django, and HTML.<\/p>\n\n\n\n

Keep reading this article to get some insights on the usage of Bokeh<\/p>\n\n\n\n

Features of Python Bokeh<\/h2>\n\n\n\n
  1. Interactive<\/strong>: Bokeh is a very interactive library that provides the functionality of interactivity to the graphs in addition to static plots.<\/li>
  2. Powerful<\/strong>: Bokeh is a powerful library because it allows the addition of JavaScript for use-cases.<\/li>
  3. Portable<\/strong>: The output of the Bokeh charts can be rendered on any web framework such as Django and Python and also on Jupyter Notebooks.<\/li>
  4. Flexible<\/strong>: Easy to plot custom and complex use cases.<\/li>
  5. Interaction with other popular tools: Allows easy interaction with pydata tools such as Pandas and Jupyter notebook.<\/li><\/ol>\n\n\n\n
    \"Bokeh
    Bokeh Is Interactive<\/figcaption><\/figure><\/div>\n\n\n\n

    Starting Out With Data Visualization using Python Bokeh<\/h2>\n\n\n\n

    Whenever we do anything with python, it is a good practice to create a virtual environment and the best way to do is by running the command pip install pipenv<\/code>. Once you run this command, you will have access to the pipenv<\/code> command and you can run the pipenv shell<\/code>. This ensures that the virtual environment is setup.<\/p>\n\n\n\n

    Now you can use the virtual environment to install Bokeh and Python pandas<\/a>. You can use the command:<\/p>\n\n\n

    \npipenv install bokeh pandas\n<\/pre><\/div>\n\n\n
     We will be using pandas because this library allows us to read the CSV file as a dataframe.  <\/p>\n\n\n\n
    1. Plotting a line Graph <\/h3>\n\n\n\n
    Before going into plotting charts from the CSV file, we will walk you through the process of plotting a simple line chart to get you familiarized with Bokeh.<\/p>\n\n\n
    \nfrom bokeh.plotting import figure, output_file, show\n<\/pre><\/div>\n\n\n
    • figure<\/code> module will help users create plots.<\/li>
    • output_file<\/code> will define the name of the HTML file to generate.<\/li>
    • show<\/code> module will generate and show the HTML file.<\/li><\/ul>\n\n\n
      \nx=[1,2,3,4,5]\ny=[4,3,3,5,4]\n<\/pre><\/div>\n\n\n
      For data we just create it as 2 lists -[1,2,3,4,5] and [4,3,3,5,4]. <\/p>\n\n\n\n
      These are points such as (1,4), (2,3), (3,3), and so on. <\/p>\n\n\n
      \noutput_file('index.html')\n<\/pre><\/div>\n\n\n
      We set the output file to index.html<\/code> using the above code. <\/p>\n\n\n
      \np = figure(\n    title = 'Example chart',\n    x_axis_label = 'X axis',\n    y_axis_label = 'Y axis'\n)\n<\/pre><\/div>\n\n\n
      We use the figure() to create the plot. The figure() takes in multiple attributes. You can refer to the documentation of this module for further details. <\/p>\n\n\n\n
      We shall use the title<\/code>, x_axis_label<\/code> and y_axis_label<\/code>. <\/p>\n\n\n
      \np.line(x, y, legend="test", line_width=1.5)\n<\/pre><\/div>\n\n\n
      Now coming to rendering the glyph, we will use the code snippet above. We specify the two lists x<\/code> and y<\/code> defined earlier. We also specify additional parameters such as legend<\/code> and line_width<\/code>. <\/p>\n\n\n\n
      Kindly note, these parameters are used here because we are using line<\/code> chart. These parameters tend to vary for the other types of graphs. <\/p>\n\n\n
      \nshow(p)\n<\/pre><\/div>\n\n\n
      We use the show()<\/code> function to display the result and the result is displayed on index.html<\/code> as shown below. The entire code is attached as well. <\/p>\n\n\n
      \nfrom bokeh.plotting import figure, output_file, show\nx=[1,2,3,4,5]\ny=[4,3,3,5,4]\n\n# defining the output file\noutput_file('index.html')\n\n# Adding the plot\np = figure(\n    title = 'Example chart',\n    x_axis_label = 'X axis',\n    y_axis_label = 'Y axis'\n)\n\n# Rendering the graph\np.line(x, y, legend="test", line_width=1.5)\n\n# Display the results\nshow(p)\n<\/pre><\/div>\n\n\n
      \"Output
      Output Chart Shown On index.html<\/figcaption><\/figure><\/div>\n\n\n\n
      2. Plotting graphs from CSV files<\/h3>\n\n\n\n
      To plot a graph, we will use a simple dataset of Cars which has 2 columns namely the name of the car and horsepower. We will understand the correlation between these parameters using graphs. The dataset is as shown below<\/p>\n\n\n\n
      \"Da\"
      Dataset<\/figcaption><\/figure><\/div>\n\n\n\n
      The above dataset can be plotted as a histogram (hbar) graph using Bokeh and the code for this is as follows:<\/p>\n\n\n
      \nfrom bokeh.plotting import figure, output_file, show, save, ColumnDataSource\nfrom bokeh.models.tools import HoverTool\nfrom bokeh.transform import factor_cmap\nfrom bokeh.palettes import Blues8\nfrom bokeh.embed import components\nimport pandas\n\ndf = pandas.read_csv('cars.csv')\n\nsource = ColumnDataSource(df)\n\noutput_file('index.html')\ncar_list = source.data['Car'].tolist()\n\n# Add plot\np = figure(\n    y_range=car_list,\n    plot_width=800,\n    plot_height=600,\n    title='Cars With Top Horsepower',\n    x_axis_label='Horsepower',\n    tools="pan,box_select,zoom_in,zoom_out,save,reset"\n)\n\n# Render glyph\np.hbar(\n    y='Car',\n    right='Horsepower',\n    left=0,\n    height=0.4,\n    fill_color=factor_cmap(\n      'Car',\n      palette=Blues8,\n      factors=car_list\n    ),\n    fill_alpha=0.9,\n    source=source,\n    legend='Car'\n)\n\n# Add Legend\np.legend.orientation = 'vertical'\np.legend.location = 'top_right'\np.legend.label_text_font_size = '10px'\n\n\n# Show results\nshow(p)\n<\/pre><\/div>\n\n\n
      The output rendered on index.html<\/code> is as follows:<\/p>\n\n\n\n
      \"Graph
      Graph Output<\/figcaption><\/figure><\/div>\n\n\n\n
      Conclusion<\/h2>\n\n\n\n
      Hence, we come to the end of this article. Bokeh is one of the robust data visualization libraries that you can use for all your projects. Do try out the examples in this article and let us know what you feel in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"
      In this article, we will be looking into data visualization using Python Bokeh. Bokeh allows users to take in data in any format such as CSV, JSON, hard-coded data, or databases. We can create scatter plots, line charts, etc using this library. It is widely used for stock market analysis in the industry because it […]<\/p>\n","protected":false},"author":12,"featured_media":7128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-7043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python-modules"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts\/7043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/comments?post=7043"}],"version-history":[{"count":0,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts\/7043\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/media\/7128"}],"wp:attachment":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/media?parent=7043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/categories?post=7043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/tags?post=7043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}