당류·나트륨 공개 시각화 데모

단일 모바일 화면에서 방문자가 바코드 번호를 입력하거나 브라우저 바코드 스캔을 실행하면 서버 DB에 미리 저장된 샘플 제품을 조회하고, 제품명·제조사·당류 g·나트륨 mg을 표시한 뒤 당류는 각설탕 1개=4g 기준의 반 개 단위 아이콘으로, 나트륨은 소금 g 환산값과 1일 기준치 대비 막대로 보여준다. 참여자는 조회된 제품에 대해 ‘결과 남기기’를 누르거나 미등록 제품의 제품명·당류·나트륨을 직접 입력해 저장할 수 있으며, 저장은 서버 DB에 유지되어 새로고침이나 다른 방문자에게도 반영되고, 같은 누구나 볼 수 있는 화면 하단에 전체 공개 최근 저장 목록과 제품별 평균 당류·평균 나트륨 라이브 막대그래프가 즉시 갱신되어 모든 참여자가 같은 공개 결과를 본다.

주요 기능

활용 사례