Visualization using Kibana and Elastic search

System Requirement:

This documentation is for windows system. I am using windows 10


Elasticsearch is a distributed, RESTful search and analytics engine capable of addressing a growing number of use cases. As the heart of the Elastic Stack, it centrally stores your data for lightning fast search, fine‑tuned relevancy, and powerful analytics that scale with ease.

Kibana is a free and open user interface that lets you visualize your Elasticsearch data and navigate the Elastic Stack. Do anything from tracking query load to understanding the way requests flow through your apps.

Logstash is a free and open server-side data processing pipeline that ingests data from a multitude of sources, transforms it, and then sends it to your favorite “stash.” . We are not using logstash as we are directly adding data to elastic search


Installing elastic search and Kibana:

  1. Download the installation file:

Download Elastic search and Kibana windows zip file.

2. Extract the zip file:

3. lets configure simple security settings like username and password, to do this follow below steps:

Update following files : elasticsearch-7.11.1\config\elasticsearch.yml and kibana-7.11.1-windows-x86_64\config\kibana.yml

Add to end of Kibana.yml:

xpack.fleet.enabled: true
xpack.fleet.agents.tlsCheckDisabled: true
xpack.encryptedSavedObjects.encryptionKey: "something_at_least_32_characters" true
elasticsearch.username: "test"
elasticsearch.password: "test123"

Add to end of Elasticsearch.yml: true
discovery.type: single-node

4. Open cmd with elasticsearch-7.11.1\bin as current directory:

Add elastic search user using below command:

elasticsearch-users useradd test -p test123 -r superuser

This will add user test with admin privilege:

5. Start ElasticSearch and Kibana:


open cmd with current directory as : kibana-7.11.1-windows-x86_64\bin

and run kibana.bat


open cmd with current directory as : elasticsearch-7.11.1\bin

and run elasticsearch.bat

6. Verify installation:


navigate to : http://localhost:9200/ give user name and password as test and test123

you should see output as :

"name" : "DESKTsdsd",
"cluster_name" : "elasticsearch",
"cluster_uuid" : "4CbhYSWqAxkSmo_1-3Q",
"version" : {
"number" : "7.11.1",
"build_flavor" : "default",
"build_type" : "zip",
"build_hash" : "ff17057c9c1bbecc727003a907c0db7a",
"build_date" : "2021-02-15T13:44:09.394032Z",
"build_snapshot" : false,
"lucene_version" : "8.7.0",
"minimum_wire_compatibility_version" : "6.8.0",
"minimum_index_compatibility_version" : "6.0.0-beta1"
"tagline" : "You Know, for Search"


navigate to : http://localhost:5601 give user name and password as test and test123 , and click explore myown

you should see output as:

Adding data to Elasticsearch:

in Elasticsearch:

An index can be thought of as an optimized collection of documents and each document is a collection of fields, which are the key-value pairs that contain your data. By default, Elasticsearch indexes all data in every field and each indexed field has a dedicated, optimized data structure.

in simple word it is like a table

In Elastic search you can add data to a index using rest endpoint , and if no index exists a new index is created automatically.

so lets create data using postman.

the url syntax is :


so lets our endpoint be :

http://localhost:9200/testresults/protractorresult (Note: you can delete an index by doing Delete on http://localhost:9200/testresults)

and you can send any body , let body be : (add few other items also like books , pencil etc for visualizing)


now do a post , Make sure you have basic authentication username:password set (test:test123)

Visualizing in Kibana:

Navigate to : http://localhost:5601/app/home#/ > menu (handburger menu onleft top corner) > stack management (http://localhost:5601/app/management)

Click: Kibana>Index Patterns > create index and add testresults* , now this index will be available for visualization.


Navigate to : http://localhost:5601/app/home#/ > menu (handburger menu onleft top corner) > analytics > Discover .

Here you can see the data that we send through postman:

Now create dashboard for visualization:

Navigate to : http://localhost:5601/app/home#/ > menu (handburger menu onleft top corner) > analytics > Dashboard.

  1. Click create new Dashboard
  2. Click create new Panel
  3. Click Lens
  4. Set horizontal axis as :


set vertical axis as :

Breakdown by:

Now the resulting chart will be :

Now click save and it will be navigated to dashboard:

An ISTQB certified Software Test Engineer and an enthusiastic fast learner with a passion for technology. linkedin :

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store