{"id":130,"date":"2019-10-21T10:45:52","date_gmt":"2019-10-21T07:45:52","guid":{"rendered":"http:\/\/www.etemkeskin.com\/?p=130"},"modified":"2020-12-04T09:36:37","modified_gmt":"2020-12-04T06:36:37","slug":"python-da-bokeh-ile-interaktif-veri-gorsellestirme","status":"publish","type":"post","link":"https:\/\/www.etemkeskin.com\/index.php\/2019\/10\/21\/python-da-bokeh-ile-interaktif-veri-gorsellestirme\/","title":{"rendered":"Interactive Data Visualization with Bokeh in Python"},"content":{"rendered":"\n

Bokeh<\/strong> is the Data visualization library published in 2013. It is widely used in the data world.<\/p>\n\n\n\n

What is bokeh? and What Makes It Different From Others?<\/h3>\n\n\n\n

Bokeh is an Interactive Data Visualization library. Unlike data visualization libraries such as Matplotlib, Seaborn in Python, Bokeh displays graphics using Html<\/strong> and Javascipt<\/strong>.<\/p>\n\n\n\n

You can enlarge the plot shown in Bokeh, save, select a specific part of the plot or use other features in the tool with the tool on the right side of the plot.<\/p>\n\n\n\n

Bokeh can be installed as follows;<\/p>\n\n\n\n

pip install bokeh<\/code><\/p>\n\n\n\n

If you use anaconda;<\/p>\n\n\n\n

conda install bokeh<\/code><\/p>\n\n\n\n

Learn Bokeh version;<\/p>\n\n\n\n

bokeh --version<\/code><\/p>\n\n\n\n

We will use the following coding steps when using the Bokeh library.<\/p>\n\n\n\n

\"\"\"Data Visualization Template Codes with Bokeh\n\nSummary of basic codes to visualize your data in Bokeh\n\"\"\"\n# Data Analysis Libraries\nimport pandas as pd\nimport numpy as np\n\n# Bokeh libraries\nfrom bokeh.io import output_file, output_notebook\nfrom bokeh.plotting import figure, show\nfrom bokeh.models import ColumnDataSource\nfrom bokeh.layouts import row, column, gridplot\nfrom bokeh.models.widgets import Tabs, Panel\n\n# Preparing the Data\n\n# Define how to visualize\noutput_file('filename.html', title='Simple Bokeh Graph')  # output to static HTML file, or \noutput_notebook()  # in Jupyter Notebook as inline\n\n# Create a new plot.\nfig = figure(plot_height=300, plot_width=300)  #init  figure() object. Define sizes of figure.\n\n# Connecting to data and plotting\n\n# Arrange the layout \n\n# Plot preview and Save\nshow(fig)  # See the plot, save if it needs to be saved.<\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
 When we execute the code, an empty graph and a display with tools on its side appeared. With the tools in the toolbar on the side, we can move the plot, enlarge it, select a part of the plot, save the plot as .png, initialize the plot and go to Bokeh’s help website.<\/p>\n\n\n\n
Plotting the First Simple Chart<\/h3>\n\n\n\n
 Let’s plotour first simple chart in Bokeh. We will show the function y = x as a line chart.<\/p>\n\n\n\n
# x and  y data set \nx = [1, 2, 3, 4, 5]\ny = [6, 7, 2, 4, 5]\n\n# Static HTML file output\noutput_file(\"lines.html\")\n\n# Creating a figure () object where we define the title and the names of the axes\np = figure(title=\"basit \u00e7izgi grafi\u011fi\", x_axis_label='x', y_axis_label='y')\n\n# Adding a line renderer by defining the legend and line thickness\np.line(x, y, legend=\"S\u0131c.\", line_width=1)\n\n# show results \nshow(p)<\/pre>\n\n\n\n
\"\"
Simple Line Chart<\/figcaption><\/figure>\n\n\n\n
As you can see, we created a simple line chart.<\/p>\n\n\n\n
Plotting with BasicGlyphs<\/h3>\n\n\n\n
Let’s create a glyph chart. Let’s define the sizes of the chart in this example.<\/p>\n\n\n\n
# Figure object and Defining tags\np = figure(plot_width = 600, plot_height = 600, \n           title = 'Glyph Example',\n           x_axis_label = 'X', y_axis_label = 'Y')\n\n# Sample Data\nsquares_x = [1, 3, 6, 5, 7]\nsquares_y = [4, 6, 4, 2, 9]\ncircles_x = [9, 11, 4, 3, 12]\ncircles_y = [3, 4, 8, 7, 6]\n\n# Creating a square glyph\np.square(squares_x, squares_y, size = 12, color = 'navy', alpha = 0.6)\n# Create a circle glyph\np.circle(circles_x, circles_y, size = 12, color = 'red')\n\n# Defining the plot as a n output in the Notebook\noutput_notebook()\n# Show figure\nshow(p)<\/pre>\n\n\n\n
\"\"
Glyph Example<\/figcaption><\/figure>\n\n\n\n
We can create our graphs with different glyphs. These;<\/p>\n\n\n\n