Json To Timeline MCP tool
MCP
findutils:json_to_timeline Generate the HTML for a timeline (div.timeline with .timeline-event/.event-marker/.event-content classes) from JSON of the form {"title","orientation","events":[{"date","title","description","color"}]}. Returns the HTML, the orientation, and a summary of each event.
Arguments
application/json-
json
string required
Timeline JSON: {"title"?: string, "orientation"?: "vertical"|"horizontal", "events": [{"date": string, "title": string, "description"?, "color"?: "#hex"}]}.
-
orientation
string optional
Override the orientation from the JSON. Default: the JSON "orientation", else "vertical". One of
vertical · horizontal.
Example arguments
Verified{
"json": {
"title": "History",
"events": [
{
"date": "2020",
"title": "Founded",
"color": "#10b981"
},
{
"date": "2021",
"title": "Launch"
}
]
}
}More Generators tools
- Barcode Generator Generate a 1D barcode as an SVG string from text.
- Box Shadow Generator Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft…
- Caption Generator Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills…
- Clip Path Generator Generate a CSS clip-path from a named shape (triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, chevron…
- Color Palette Generator Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary…
- Css Animation Generator Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such…