Diagram-based questions

In this article, we break down diagram-based questions to ensure that you are familiar with the following:

• Parts of a diagram-based question
• Icons in the editor
• Viewing the problem statement
• Submitting your solution

Parts of a diagram-based question

Problem statement

A problem statement is a short description of the problem for you should provide a solution or an answer. In this type of question, it describes the conditions (called scenario) according to which you must create the required diagram.

Creating diagram

You can create or edit the diagram by clicking Edit diagram. When you click this button, you will be directed to a page that contains components and a diagram, which can be used for reference to create the diagram.

Note: Currently, HackerEarth Recruit supports 26 components.

You can search for a component by typing the name of that component in the search bar.

You can perform the following functions on the editor:

• Drag and drop: Drag and drop the images from a component to the editor.
• Edit: Edit the reference diagram available in the editor or the image that you created.
• Text: Write text relevant to your solution
• Resize: Change the dimensions of the image, as required.

Icons in the editor

The description of icons in the menu bar displayed on the editor is as follows:

S. No.	Icon	Function of the icon	Shortcut keys
1		View your diagrams in the following format: Format Panel Outline Layers	To view: Space + Drag to scroll Format panel: Ctrl + Shift + P Outline: Ctrl + Shift + O Layers: Ctrl + Shift + L
2		Adjust the width of your screen as per your need Set your screen in a one-page or two-page view	Alt + scroll wheel
3		Zoom in	Ctrl + / Alt + scroll wheel
4		Zoom out	Ctrl - / Alt + scroll wheel
5		Undo your last action	Ctrl + Z
6		Redo your last action	Ctrl + Y
7		Delete the diagram	-
8		Move your image to the front	Ctrl + Shift + F
9		Move your image to  the back	Ctrl + Shift + B
10		Fill color in your diagram Note: The hexadecimal values of the colors are also displayed here.	-
11		Add a colored outline to the diagram	-
12		Add shades to your diagram	-
13		Select and add arrows to your diagram	-
14		Select and add waypoints to your diagram	-
15		Insert links and image to your diagram	-

Viewing the problem statement

To view the problem statement:

• Click View Problem Statement

You will be redirected to the problem statement.

Submission

To submit your answer, follow these steps:

1. Click Save Diagram.
2. Click .
3. Provide additional comments, if any.
4. Click Submit.

You have successfully submitted your answer.

Important: After submitting your answer, if you make any changes and click Submit, your previous submission gets overwritten.