Register
Login
Resources
Docs Blog Datasets Glossary Case Studies Tutorials & Webinars
Product
Data Engine LLMs Platform Enterprise
Pricing Explore
Connect to our Discord channel

llm-evaluation-flow.svg 4.1 KB

You have to be logged in to leave a comment. Sign In
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 450">
  2. <!-- Background -->
  3. <rect width="1000" height="450" fill="#f8f9fa"/>
  4. <!-- Definitions for reusable elements -->
  5. <defs>
  6. <!-- Arrow markers -->
  7. <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
  8. <polygon points="0 0, 10 3.5, 0 7" fill="#4a5568"/>
  9. </marker>
  10. <!-- Box shadow -->
  11. <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
  12. <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
  13. <feOffset dx="2" dy="2"/>
  14. <feComponentTransfer>
  15. <feFuncA type="linear" slope="0.3"/>
  16. </feComponentTransfer>
  17. <feMerge>
  18. <feMergeNode/>
  19. <feMergeNode in="SourceGraphic"/>
  20. </feMerge>
  21. </filter>
  22. </defs>
  23. <!-- Section backgrounds with enhanced styling -->
  24. <rect x="20" y="40" width="260" height="340" fill="white" rx="8" stroke="#2b6cb0" stroke-width="1" opacity="0.3"/>
  25. <rect x="370" y="40" width="260" height="340" fill="white" rx="8" stroke="#2b6cb0" stroke-width="1" opacity="0.3"/>
  26. <rect x="720" y="40" width="260" height="340" fill="white" rx="8" stroke="#2b6cb0" stroke-width="1" opacity="0.3"/>
  27. <!-- Phase labels with more professional styling -->
  28. <rect x="20" y="40" width="260" height="40" fill="#1a365d" rx="8"/>
  29. <rect x="370" y="40" width="260" height="40" fill="#1a365d" rx="8"/>
  30. <rect x="720" y="40" width="260" height="40" fill="#1a365d" rx="8"/>
  31. <!-- Phase titles -->
  32. <text x="150" y="65" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="white">DEVELOPMENT PHASE</text>
  33. <text x="500" y="65" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="white">EVALUATION PHASE</text>
  34. <text x="850" y="65" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="white">PRODUCTION PHASE</text>
  35. <!-- Content Boxes -->
  36. <!-- Development box -->
  37. <rect x="50" y="180" width="200" height="100" rx="10" fill="white" stroke="#2b6cb0" stroke-width="2" filter="shadow"/>
  38. <text x="150" y="220" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="#2b6cb0">Development</text>
  39. <text x="150" y="245" text-anchor="middle" font-family="Arial" font-size="14" fill="#4a5568">Prompts + Control Logic</text>
  40. <!-- Validation box -->
  41. <rect x="400" y="180" width="200" height="100" rx="10" fill="white" stroke="#2b6cb0" stroke-width="2" filter="shadow"/>
  42. <text x="500" y="220" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="#2b6cb0">Validation</text>
  43. <text x="500" y="245" text-anchor="middle" font-family="Arial" font-size="14" fill="#4a5568">Automated Test Cases</text>
  44. <!-- Production box -->
  45. <rect x="750" y="180" width="200" height="100" rx="10" fill="white" stroke="#2b6cb0" stroke-width="2" filter="shadow"/>
  46. <text x="850" y="220" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="#2b6cb0">Production</text>
  47. <text x="850" y="245" text-anchor="middle" font-family="Arial" font-size="14" fill="#4a5568">User Interaction</text>
  48. <!-- Arrows with adjusted positions -->
  49. <!-- Improvements arrow -->
  50. <path d="M250 210 C300 210 350 210 400 210" fill="none" stroke="#4a5568" stroke-width="2" marker-end="url(#arrowhead)"/>
  51. <text x="325" y="200" text-anchor="middle" font-family="Arial" font-size="12" fill="#4a5568">Improvements</text>
  52. <!-- Deploy arrow -->
  53. <path d="M600 210 C650 210 700 210 750 210" fill="none" stroke="#4a5568" stroke-width="2" marker-end="url(#arrowhead)"/>
  54. <text x="675" y="200" text-anchor="middle" font-family="Arial" font-size="12" fill="#4a5568">Deploy</text>
  55. <!-- Feedback arrow -->
  56. <path d="M750 250 C700 250 650 250 600 250" fill="none" stroke="#4a5568" stroke-width="2" marker-end="url(#arrowhead)"/>
  57. <text x="675" y="270" text-anchor="middle" font-family="Arial" font-size="12" fill="#4a5568">Feedback</text>
  58. <!-- Regressions arrow -->
  59. <path d="M400 250 C350 250 300 250 250 250" fill="none" stroke="#4a5568" stroke-width="2" marker-end="url(#arrowhead)"/>
  60. <text x="325" y="270" text-anchor="middle" font-family="Arial" font-size="12" fill="#4a5568">Regressions</text>
  61. </svg>
Tip!

Press p or to see the previous file or, n or to see the next file

Comments

Loading...