Testing Post 2

Testing Post 2PostReactPostJavaScriptPostFrontendPostTutorial

Testing Post 2

Testing Post 2

This is the starter

Charts

Posts support interactive charts. Write a fenced code block tagged chart with a JSON body and the renderer draws the graph. Hover a chart to inspect values; click a line-chart legend item to toggle that series.

Line chart

Provide shared labels for the x-axis and one or more series, each with its own values. Optional smooth and area flags.

Japanese Test Scores by Month
020406080100JanFebMarAprMayJunScoreMonth

A series can instead be described as { "x": ..., "y": ... } points:

Daily Study Minutes
020406080100MonTueWedThuFriMinutes

Pie chart

Use slices, each with a label and value. Add "donut": true for a donut variant. Hover a slice (or its legend entry) to highlight it.

Final Exam Score Breakdown
66%15%7%13%100

Map chart

Draw routes from Point A to Point B on a draggable 3D globe. List the points (with lat/lng) and the routes between them; a route's from/to can reference a point by name or carry inline coordinates. Set "autoRotate": false to keep the globe still, and use the on-map button to toggle rotation. The route line itself stays fixed.

From Hong Kong to a New Life in Tokyo
  • Diving trip
  • Move to Japan

Some photos

Web Development

Building modern web applications with React