Purpose of Bar Graph:
The Static Bar Graph above, uses the NASA API data to showcase the number of asteroids closest to Earth within specific dates from August 25th, 2023 to September 1st, 2023. Each Bar in the graph represents the number of asteroids that are expected to pass close to earth on a specific date. The Graph shows the potential impacts, and raises awareness of the regularity about the asteroids that pass earth on the regular.
Bar Graph
Purpose of Bar Graph:
The bar graph displays the number of asteroids approaching Earth on specific dates within a given time range. It provides a visual representation of how the asteroid count varies across different dates. Interactive features
Tooltip: When hovering over a bar, a tooltip displays the date and the count of asteroids for that specific date. The tooltip is positioned just below the graph title for visibility.
When hovering over a certain bar, the bar changes colour enhancing visibility and the tooltip appears.
Responsive Design: The graph is responsive and adjusts to different screen sizes. Style Guide
Color: Each bar is colored with a unique shade for better differentiation, and when you hover over any bar, it changes colour to a darkish purple, enhancing visibility and differentiation.
Title: The graph title, "Number of Asteroids Approaching Earth on Specific Dates," is displayed at the top for context.
Axes: The x-axis represents the dates, and the y-axis represents the number of asteroids, and they are clearly labelled to enhance understanding.
Font Size: Font size for axis labels and tooltips is set to 12px for readability.
Line Graph: Number of Asteroids Approaching Earth on Specific Dates
Purpose of Line Graph:
The line graph visually represents the number of asteroids and potentially dangerous asteroids approaching Earth on specific dates. It allows users to compare the number of times Asteroids have approached earth on a certain day and how many times they were actually dangerous as compared to how many approached earth. Interactive features
Two legends are provided at the top of the graph, one for "Asteroids" and the other for "Potentially Hazardous." Users can click on these legends to deactivate or reactivate the corresponding lines.
When hovering over a point in a line, a tooltip displays the line name (Asteroids or Potentially Hazardous) along with the count for that specific date.
The graph is responsive and adjusts to different screen sizes. Style Guide
Color: Asteroids are represented by a blue-green color, while potentially hazardous asteroids are represented by a pink color.
Legends: Legends include colored rectangles that match the line colors for easy identification.
Font Size: Font size for legends is set to 12px, and for tooltips is set to 10px ensuring readability.