GHS Hazard Pictograms Quiz

#	Pictogram	Your Answer	Correct	Copy
{{ i + 1 }}		{{ row.yourAnswer }}	{{ row.correctAnswer }}

Chemical hazard pictograms are standardized symbols that flag important risks at a glance on labels, drums, and safety paperwork used around chemicals. A short chemical hazard pictogram quiz builds recognition so you can react quickly when you see a symbol on a bottle or drum. It is a practical way to reduce mix ups when you handle, store, ship, or dispose of chemicals, especially when names and containers look similar.

You view one pictogram, choose the meaning from a small set of answers, and get immediate feedback before moving on. At the end, you see how many you got right, the percent correct, and a per question review that highlights what you missed. If you are preparing for lab induction, warehouse training, or a refresher session, the result can show which symbols need more attention.

Each run shuffles the question order so you are not always learning the same sequence. If you enter a seed phrase, you can repeat the same quiz later or share the exact practice set with a colleague.

A good score means you recognized the symbol names, not that a specific product is safe for your situation. Keep any seed text neutral if you plan to share your results or downloaded files.

Use your misses as a study list, then confirm details on the full label and Safety Data Sheet before work.

Features:

Practice recognition across a fixed set of nine hazard pictograms.
Optionally use a seed phrase to repeat or share the same question draw.
Get a score summary plus a per question review of your choices.
View an answer breakdown chart and download it as an image.
Copy or download results as CSV or JSON, and generate a DOCX report.

Technical Details:

Globally Harmonized System (GHS) hazard pictograms are a compact visual vocabulary for common chemical hazards, and this quiz checks whether you can map each symbol to its intended meaning.

The quiz measures recognition accuracy across a selected set of pictograms and summarizes performance as a score and two percentages, correct and wrong.

Because the result is a simple recall metric, it works best for practice and for tracking your own progress rather than certifying workplace competence.

Question selection and answer ordering are randomized, and an optional seed makes that randomness repeatable so multiple people can practice the same draw.

Core scoring

\begin{array}{rcl} p_{correct} & = & round (\frac{score}{total} \times 100) \\ p_{wrong} & = & 100 - p_{correct} \end{array}

Symbol definitions for quiz scoring
Symbol	Meaning	Unit or Datatype	Source
`score`	Number of questions answered correctly	Integer count	Derived
`total`	Total number of questions in the quiz	Integer count	Derived
`p_correct`	Percent correct, rounded to a whole percent	Integer percent	Derived
`p_wrong`	Percent wrong, computed as 100 minus percent correct	Integer percent	Derived

Worked example

Suppose you answer 7 out of 9 questions correctly. The quiz rounds percentages to whole numbers for the score summary.

p_{correct} = round (\frac{7}{9} \times 100)

\frac{7}{9} \times 100 \approx 77.78

p_{correct} = round (77.78) = 78

p_{wrong} = 100 - 78 = 22

Interpretation: treat the 78 percent as a quick snapshot, then review which pictograms you missed and practice those again.

Caution: recognizing a pictogram meaning does not replace reading the full label, checking the Safety Data Sheet, or following your site procedures.

How questions are generated

Build the pool of pictograms from the active quiz set.
If a seed is provided, hash it into a 32 bit internal state.
If no seed is provided, create a fresh seed from the current time and random noise.
Shuffle the pool once using a Fisher Yates shuffle.
Select the first N pictograms as the quiz questions.
For each question, pick 3 unique distractor meanings from the full pool.
Shuffle the 4 answer options and store the index of the correct option.
Lock each question after your first choice, then update the score if it was correct.

Pictogram set in this package

Quiz pictogram labels and internal codes
Label shown as the correct answer	Internal code
Exploding Bomb (Explosive)	`explos`
Flame (Flammable)	`flamme`
Flame Over Circle (Oxidizer)	`rondflam`
Gas Cylinder (Gas Under Pressure)	`bottle`
Corrosion (Corrosive)	`acid`
Skull and Crossbones (Acute Toxicity)	`skull`
Health Hazard	`silhouette`
Exclamation Mark (Irritant/Harmful)	`exclam`
Environment (Aquatic Toxicity)	`pollu`

Validation and bounds

Input validation and normalization rules
Field	Type	Min	Max	Step or Pattern	Normalization behavior	Placeholder
Quiz set	String	—	—	Must match a known set id	Unknown values reset to the default set.	—
Number of questions	Number	1	Pool size	Allowed values in this set are 5 and 9	Rounded, clamped, then snapped to the nearest allowed value not above the clamp.	—
Random seed	String	—	—	Any text	Trimmed; when empty, a fresh time based seed is generated per quiz build.	e.g., ghs-quiz-42

Outputs and formats

Supported outputs and what they contain
Output	Format	What it includes
Results table	CSV	One row per question with Q number, your answer, correct answer, and a Yes or No flag.
Results package	JSON	Set id and label, seed text, question count, score, percent correct, and per question rows.
Printable report	DOCX	Title, subtitle lines for set and score, and a table of question results, plus an optional seed note when present.
Answer breakdown	Chart image	A pie chart split into Correct and Incorrect, downloadable as PNG, WebP, or JPEG.
Chart metrics	CSV	Correct, Incorrect, Total, and Correct percent formatted to 2 decimal places.

Chart image downloads are rendered from the current chart state. PNG output uses a 2x pixel ratio on a white background, and JPEG uses a quality setting of 0.92.

Units, precision, and rounding

Score is an integer count of correct answers.
Percent correct is rounded with Math.round, so 0.5 ties round up for non negative values.
The answer breakdown chart uses the raw counts and displays a percentage per slice.
Chart CSV includes Correct (%) formatted with 2 decimal places.

Networking and storage behavior

Pictogram artwork is requested from a public image host as a thumbnail about 320 px wide.
If an image request fails, a built in placeholder SVG with the internal code is shown.
Quiz state is held in memory while you work; this package does not write to localStorage or sessionStorage.
Copy actions use the system clipboard, and downloads are created on demand from your current results.

Performance and determinism

Shuffling is O(n) over the pictogram pool, and n is 9 in the included set.
Distractor selection is bounded and stops after three unique picks.
With the same seed, set, and question count, question order and option order are repeatable.
Without a seed, a new time based seed is generated per quiz build, so two runs are expected to differ.

Security considerations

Avoid placing sensitive workplace details in the seed text, since exports may include it.
Downloaded files contain your answers and may be shareable, so treat them as personal study notes.
External image requests may be blocked by network policy; placeholders keep the quiz usable.

Assumptions and limitations

Heads-up A high score reflects recall, not safe handling competence.
The set is limited to nine GHS hazard pictograms included in this package.
Question counts are constrained by the set, and here they are limited to 5 or 9.
Each question presents up to four options, one correct meaning and three distractors.
Distractors are selected from the same pool, so similar meanings can appear together.
Percent correct is a rounded snapshot and can jump with a single question change in short quizzes.
Heads-up If you leave the seed empty, repeating a run will not reproduce the same questions.
Image rendering depends on your device and settings, which may affect visual clarity.
The quiz does not time responses, so it measures accuracy rather than speed under pressure.
The answer key uses the label text shown in the set and does not include hazard statement details.

Edge cases and error sources

Unicode seeds can look identical but differ by normalization, which changes the generated sequence.
Very long seeds are accepted, but small changes will completely change the quiz draw.
If the question pool is empty, the quiz will not start and percentages remain at 0 to avoid NaN.
Clipboard access can be denied by permissions, preventing copy actions.
Download actions can be blocked by popup or file policies in managed environments.
Network filters can block pictogram artwork, triggering the placeholder SVG fallback.
Rapid repeated taps are ignored after the first answer because the question locks when answered.
Chart image generation depends on canvas support and may fail on restrictive devices.
JPEG chart exports use a fixed quality setting, which can introduce compression artifacts.
Clock changes can affect auto generated seed strings, making two quick retakes differ more than expected.
Non ASCII characters in the environment can affect filename display for downloaded reports.
Floating point rounding can produce values like 77.78 in the chart CSV from repeating decimals.

Scientific and standards context

For authoritative definitions of hazard pictograms and their intended meanings, consult the United Nations Globally Harmonized System of Classification and Labelling of Chemicals and the Safety Data Sheets used in your workplace.

Privacy and compliance

Scoring and exports are generated locally, only the pictogram images are fetched from an external host when displayed, and the randomized draw has no monetary value.

Step-by-Step Guide:

Use hazard pictograms to test recognition, then review misses to focus your next round of practice.

Choose a Quiz set if more than one is available.
Select the Number of questions allowed by the set, which is 5 or 9 here.
Optionally enter a Random seed to make the draw repeatable.
Start the quiz and pick the meaning for each pictogram.
After each answer, note the correct meaning and move to the next question.
Review your results and retake with the same seed or a new one.

Example: Choose 5 questions and set the seed to ghs-quiz-42. If you score 4 out of 5, the score summary reports 80 percent correct and highlights the one missed pictogram.

The seed makes the question draw repeatable, but the score still depends on your answers.

Pro tip: keep a small list of the pictograms you miss most often, then drill those until you stop hesitating.

Use neutral seed text if you plan to share exports.
Practice both 5 and 9 question runs to see how rounding affects your percent.
After a strong score, verify meaning details on a real label and Safety Data Sheet.

Repeat until each pictogram feels automatic, then confirm details on real labels and Safety Data Sheets before work.

FAQ:

What is being tested?

The quiz checks whether you can match each hazard pictogram to the label meaning used as the answer key. It reports accuracy, not safe handling skill.

How is my score computed?

Score is the count of correct answers. Percent correct is Math.round((score / total) * 100), and percent wrong is 100 minus that rounded value.

Can I repeat a quiz?

Yes. Enter a seed phrase before starting, then reuse the same seed with the same question count to reproduce the same question and option order.

Is any data stored?

Quiz state lives in memory while you use the page. This package does not write to localStorage or sessionStorage, and results exist only in copied text or downloaded files you request.

Will it work offline?

The quiz logic can run without a network connection after the page loads, but pictogram artwork is requested from an external image host. If images cannot be fetched, the quiz shows placeholders instead.

What can I download?

You can save results as CSV, JSON, or DOCX, and you can download the answer breakdown chart as PNG, WebP, or JPEG plus a small chart metrics CSV.

Is there any cost?

No pricing or license terms are stated in this package. If you plan to reuse it for training material, follow your organization rules for third party content.

How do I share a seed?

Pick a short seed phrase, then share that exact text along with the question count. Anyone who enters the same values will see the same draw.

What does borderline mean?

There is no built in pass fail threshold. A borderline feeling score usually means you recognize several symbols but still confuse a few, so focus on the specific ones you missed.

Troubleshooting:

Images are blank: check network policy, then rely on the placeholder labels.
Copy does nothing: confirm clipboard permission is allowed for the page.
Downloads do not start: check popup and download restrictions in your environment.
Retake does not match: ensure you set a seed and keep the same question count.
Score looks surprising: remember percent correct is rounded to a whole percent.
Chart is missing: switch to the chart tab after finishing, then try again.

If the quiz never starts and the progress stays at 0, your browser may be blocking required scripting on the page.

Advanced Tips:

Tip Use one seed for a class and compare only the missed pictograms.
Tip Alternate 5 question runs for speed with 9 question runs for coverage.
Tip Treat the results table as a personal error log and revisit it after a break.
Tip If two pictograms feel similar, write one sentence about how the hazards differ.
Tip Keep seed text short and stable to avoid Unicode look alike surprises.
Tip After mastering recognition, practice reading a full label and Safety Data Sheet end to end.

Glossary:

Hazard pictogram: Standard symbol indicating a type of chemical hazard.
Globally Harmonized System: International framework for hazard classification and label elements.
Seed: Text that makes the quiz draw repeatable.
Distractor: Wrong answer option designed to test recognition.
Score: Count of correct answers in a quiz run.
Safety Data Sheet: Document describing hazards, handling, and controls for a substance.

GHS Hazard Pictograms Quiz

Your Score

{{ questionHeading }}

Features:

Technical Details:

Core scoring

Worked example

How questions are generated

Pictogram set in this package

Validation and bounds

Outputs and formats

Units, precision, and rounding

Networking and storage behavior

Performance and determinism

Security considerations

Assumptions and limitations

Edge cases and error sources

Scientific and standards context

Privacy and compliance

Step-by-Step Guide:

FAQ:

Troubleshooting:

Advanced Tips:

Glossary:

GHS Hazard Pictograms Quiz

Your Score

{{ questionHeading }}

Introduction:

Features:

Technical Details:

Core scoring

Worked example

How questions are generated

Pictogram set in this package

Validation and bounds

Outputs and formats

Units, precision, and rounding

Networking and storage behavior

Performance and determinism

Security considerations

Assumptions and limitations

Edge cases and error sources

Scientific and standards context

Privacy and compliance

Step-by-Step Guide:

FAQ:

Troubleshooting:

Advanced Tips:

Glossary: