What is data visualization?

What is the purpose of visualizing data?

What is the difference between data and information, in terms of analyzing and visualizing data?

• What process is necessary to analyze or visualize data?
• What techniques do you hope to learn from this course?
• General forum requirements:
• Three posts are required: the initial post and two peer responses.

RESPONSE 1: 

What is data visualization?

Data visualization, in simple terms, means to analyze data visually in a graphical or pictorial format. Data visualization helps decision-makers make decisions much more efficiently and effectively by making it easier to look at such massive data visually.

– What is the purpose of visualizing data?

The primary purpose of data visualization is to make it easier for decision-makers to interpret and analyze big complex data by just looking at graphs or pictures.

– What is the difference between data and information in terms of analyzing and visualizing data?

Data is a very unorganized and raw form of facts and figures or information. Data contains vast information; however, when the data is structured, interpreted, analyzed, and visualized, then it becomes information that is required.

In short, the conclusion made after analyzing and visualizing data is information.

– What process is necessary to analyze or visualize data?

The process necessary to analyze or visualize data is to first create the question and be clear on it, create or gather data, clean up the data by removing redundancies, errors, missing data, etc., selecting the graph type or pictorial best for representing the data, selecting a tool to create the pictorial format, manage the data in the tool, create a visualization.

– What techniques do you hope to learn from this course?

I really hope to learn new tools that can be used for data visualization. I also want to learn the efficient and effective ways to manage the data in raw form. I also want to be able to clean up data.

RESPONSE 2:
Peer Post 2

Data visualization is basically translating complex information into visual form so that it could be easily understood. The visual form can be in different types like maps, flowcharts, bar graphs, Pie charts, etc. Data visualizations help us to understand large data sets easily and they help us in identifying their pattern or occurrences.

The main purpose of data visualization is to collect the large/complicated data sets and compile that data into visual forms so that it becomes easy to understand and would become easy for decision making. With the help of data visualization even complex data can be understood easily and even by the person who’s not familiar with data.

Data is described as raw unstructured, unorganized facts whereas the information is basically organized and structured data that is shown or depicted in the visual form. Data is not dependent on information, but information depends on Data. Data is analyzed and transformed into a visual context which makes it as a piece of information that let us make decisions and understand the data better.

Ans:4 Design process is basically necessary for visualizing data. The design process is divided into 4 stages namely briefing the data which is usually to see that what is wrong or what we want to visualize from this data. The second part is the main in which we collect and clean the data. In the third stage, we will finalize the visualization technique to be used considering on factors like what data to display, data types, the Understanding ability of the audience. Forth and the last stage is creating the data into a visualization story so that it is easy to understand and fulfills its motive.

From this course, I hope to learn data visualization techniques with which I would be able to analyze and visualize my data easily and it would be greatly helpful in my career growth too.

Pseudocode is very important for programmers. It helps to sort out your thoughts before coding and is for humans (programmers), not machines. Eventually, the pseudocode will need to be converted into an actual program for the machine to read.

Write detailed pseudocode for a program that is designed to organize a family’s property tax payments for the past 20 years. The program should accomplish the following tasks:

1.Prompt the user for the property tax amount and also the year.

2.Use appropriate data structure to store the property tax amount and the year.

3.Use a linear search algorithm to determine which year the family paid the highest property tax, and display the result.

4.Calculate the average amount of property tax paid over the years, and display the result.

The program should:

Allow user input

Select appropriate data structure

Apply linear search algorithm

Please note that this is not an actual program but a program in pseudocode which can be converted into a working program.

Need the Jupyter notebook for the following assignment: https://colab.research.google.com/drive/1WgUJBInK86LINEitsHKESaAJaPQsbwwC

I can provide solutions but need the ipynb to have different code so it is not a copy. Should be easy for anybody who understands Python.

QUES 1. Instructions

Download the JSLab.zip file (attached in word just copy and paste it in Visual studio and follow the instructions where it says your turn.) and take the necessary steps to open it up in Visual Studio Code. YOU can name it lab15

Explanation

In the past, we have been including our script element in the head of our html page, but now we will have to rethink this.

Since we aim to interact with the elements on the page, we must consider how html pages are rendered. 

HTML pages are processed and rendered top-bottom, so where you place your <script> element actually matters. 

If you place a <script> element in the <head>, a page might take longer to “load” (visually render content) because the browser has to interpret the script before it renders content in the <body> element. However, if that content depends on the output of some JavaScript code, that code will have to finish before the content can be rendered correctly.

On the other hand, if your JavaScript code depends on certain html elements existing, then you must ensure that the elements load first (one way to accomplish this is by adding the <script> element at the end of the file).

Additionally, if you place the <script> element at the bottom of an HTML document, the page will appear to load faster (the content will be visually rendered before the scripts are interpreted), but the page content therefore cannot depend on the output of any JavaScript.

In this case because we are going to access html elements in our index.html, we want to move our script element from the head to the bottom of the body. 

Together

Move the script element from the top of index.html to the bottom so that now your index.html looks like this: attached is HTML file copy and past in Visual Studio Code. just follow this instructions and send it in zip file to me . u can name it in the vsc as index.html

<!DOCTYPE html> 

<html>
     <head>
          <title>DOM Manipulation</title>
          <link rel=”stylesheet” href=”styles/style.css”>
     </head>
     <body>
          <div class = “row” id =”pageHeaderRow”>
                 <div class = “col-12” id = “pageHeaderDiv”>
                        <h1 id=”pageHeader”>DOM Manipulation</h1>
                 </div>
          </div>
          <div class= “row”>
                  <div class= “col-12” id = “activityListDiv”>
                            <h2 id=”activityListHeader”>Activities:</h2>
                           <ol id = “activityList”>
                                 <li>Modify existing elements
                                       <ol>
                                           <li>Change content </li>
                                           <li>Change attribute values</li>
                                       </ol>
                                   </li>
                                    <li>Add elements</li>
                                    <li id = “modifyMe”>Modify me!</li>
                                    <li id=”removeMe”>Remove Me!</li>
                              </ol>
                      </div>
                </div>
               <script src= “scripts/script.js”></script>
        </body>
</html>

QUES 2. 

Begin writing your own JavaScript functions. 

Instructions

Download the JSLab16.zip file (attached below) and take the necessary steps to open it up in Visual Studio Code.

Complete the exercises in the script.js file.  name the file script.js in vsc

Ques 3. 

Instructions

Download the JSLab.zip (attached)file and take the necessary steps to open it up in Visual Studio Code.

Complete the exercises in the script.js file. 

Ques 4. Explore functions as objects and constructor functions.

Instructions

Download the JSLab.zip (attached) file and take the necessary steps to open it up in Visual Studio Code.

Complete the exercises in the script.js file. 

Ques 5. Follow the instructions below

Then progress through the examples and your turn activities. copy and paste  in Visual Studio below instructions.

//Your work goes here.

/*Explanation

Comparison operators 

==, ===, <, >, <=, >= 

Boolean operators 

|, &, ||, &&, !

*/

/*Example 

== operator */

console.log(“== operator:”);

let a = 5; 

let b = 5; 

console.log(“5 == 5”, a==b);

b = “5”; 

console.log(“5 == ‘5’”, a==b);

/*Explanation

== tests if two values are equal. But JavaScript will

coerce (change the datatype) of certain values before 

performing the comparison. */

/*Your turn

Assign ‘b’ a string that contains numerical digits. Assign the variable ‘a’

a number that the will cause == to consider the two 

variables equal. 

Print the result to the console. */

/*Example 

=== 

Comparison operator that compares the type as well as the 

value. */

console.log(“nn=== operator”)

a = “5”;

b = 5; 

console.log(“5 === ‘5’”, a===b);

/*Example

>, >= */

//Works as expected with numbers 

console.log(“nn > , >= operators”)

console.log(“5>5”,a>b);

console.log(“5>=5”,a>=b);

//Can be used with strings 

console.log(“n”)

console.log(“‘b’>’a'”, “b”>”a”);

console.log(“‘a’>=’a'”, “a”>=”a”);

console.log(“‘abc’>’abb'”, “abc”>”abb”);

/*Your turn

Compare two numbers using the less than operator.

Print the result. 

Compare two strings using the less than operator. 

*/

/*Example 

The or opertor 

|| 

*/

console.log(“nnBoolean operators:”);

a = false;

b = 5>0;

let solution = a || b;

console.log(“false || true”, solution);

/*Your turn

Assign solution the result of a and b*/

console.log(“false && true”,solution);

/*Example

The not operator

! 

*/

solution = !(5>0);

console.log(“!(true expression)”,solution);

/*Example

What if we apply boolean operations to

nonboolean values? */

console.log(“!’somestring'”,!(“string”));

console.log(“false || 56”, false || 56);

/*Explanation

Turns out everything in JavaScript essentially has some

boolean value. Everything is truthy unless it’s falsy

The values that are falsey are: 

false, 0, null, undefined, “”, NaN */

/*Your turn

Copy and paste the next line out of the comment

console.log(“!(falsy value)”, !____);

Fill in the blank with a falsy value that isn’t the keyword false.

*/

//Finished! Nice work! Remeber these things for 

//the conditional blocks lab.