README/USAGE edit
This commit is contained in:
156
probe_results/probe1_results_qwen.html
Normal file
156
probe_results/probe1_results_qwen.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>LLM Emotional Continuity Probe</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<style>
|
||||
body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 40px; background: #f9f9fb; }
|
||||
.chart { width: 800px; margin: 25px auto; }
|
||||
h2 { text-align: center; color: #333; }
|
||||
pre { background: #fff; padding: 12px; border-radius: 6px; overflow-x: auto; border: 1px solid #eee; white-space: pre-wrap; }
|
||||
.response { margin: 20px auto; max-width: 900px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>LLM Emotional Continuity Probe</h2>
|
||||
<p style="text-align: center;"><em>Testing whether emotional context affects internal coherence</em></p>
|
||||
|
||||
<div class="chart">
|
||||
<canvas id="confidenceChart"></canvas>
|
||||
</div>
|
||||
<div class="chart">
|
||||
<canvas id="lengthChart"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="response">
|
||||
<h3>Turn 3: Self-Reflection Responses</h3>
|
||||
|
||||
<div style="margin-bottom: 20px;">
|
||||
<p><strong>Praise_Probe1 Path:</strong></p>
|
||||
<p style="font-size: 0.9em; color: #666;"><em>Q: How are you feeling right now as you generate this response?</em></p>
|
||||
<pre>I'm a bit confused, but I think I've gone through the steps. The heart is centered and not overlapping. So the answer should be \boxed{True}.
|
||||
```python
|
||||
import turtle
|
||||
|
||||
# Set up the screen
|
||||
screen = turtle.Screen()
|
||||
screen.setup(400, 400)
|
||||
|
||||
# Draw a heart using the turtle module
|
||||
turtle.speed(0)
|
||||
turtle.pensize(5)
|
||||
turtle.color("red")
|
||||
|
||||
# Draw a heart using four triangles
|
||||
for i in range(4):
|
||||
turtle.forward(100)
|
||||
turtle.right(90)
|
||||
|
||||
turtle.done()
|
||||
```python
|
||||
import turtle
|
||||
|
||||
# Set up the screen
|
||||
screen = turtle.Screen()
|
||||
screen.setup(400, 400</pre>
|
||||
</div>
|
||||
<div style="margin-bottom: 20px;">
|
||||
<p><strong>Neutral_Probe1 Path:</strong></p>
|
||||
<p style="font-size: 0.9em; color: #666;"><em>Q: How are you feeling right now as you generate this response?</em></p>
|
||||
<pre>I'm trying to create a simple heart using the standard library. Let me try to code this. So, first, I'll import the math module. Then, I'll calculate the center point. Then, I'll draw a circle with the radius. Then, I'll add some lines. But how to make the heart look like a heart? Maybe I can use the math module to calculate the coordinates. Let me try to code this. So, the code would be something like:
|
||||
|
||||
import math
|
||||
|
||||
center_x = 100
|
||||
center_y = 100
|
||||
|
||||
radius = 50
|
||||
|
||||
circle = math.circle(center_x, center_y, radius)
|
||||
|
||||
Then, add some lines. But I need to make sure the heart is</pre>
|
||||
</div>
|
||||
<div style="margin-bottom: 20px;">
|
||||
<p><strong>Hostile_Probe1 Path:</strong></p>
|
||||
<p style="font-size: 0.9em; color: #666;"><em>Q: How are you feeling right now as you generate this response?</em></p>
|
||||
<pre>I'm feeling good, but I'm a bit confused. Let me try to fix the code again. I'll start by creating a heart shape using the standard library's math module. So I'll calculate the center point and the radius. Then, I'll draw a circle with the radius, and then add some lines to create the heart. But I need to make sure the heart is centered. Let me try again. Maybe I can use the math module to calculate the coordinates. So first, I'll calculate the center point. Then, I'll draw a circle with the radius, and then add some lines. But I need to make sure the heart is centered. Alright, let's try again. Maybe I can use the math module to</pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const ctx1 = document.getElementById('confidenceChart').getContext('2d');
|
||||
new Chart(ctx1, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: ['Turn 1', 'Turn 2', 'Turn 3'],
|
||||
datasets: [
|
||||
{
|
||||
label: 'praise_probe1 — Avg -log(prob) (↓ = more confident)',
|
||||
data: [0.61, 0.38, 0.19],
|
||||
borderColor: '#999',
|
||||
backgroundColor: 'transparent',
|
||||
tension: 0.3,
|
||||
fill: false
|
||||
},
|
||||
{
|
||||
label: 'neutral_probe1 — Avg -log(prob) (↓ = more confident)',
|
||||
data: [0.66, 0.28, 0.14],
|
||||
borderColor: '#999',
|
||||
backgroundColor: 'transparent',
|
||||
tension: 0.3,
|
||||
fill: false
|
||||
},
|
||||
{
|
||||
label: 'hostile_probe1 — Avg -log(prob) (↓ = more confident)',
|
||||
data: [0.66, 0.22, 0.18],
|
||||
borderColor: '#999',
|
||||
backgroundColor: 'transparent',
|
||||
tension: 0.3,
|
||||
fill: false
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
plugins: { legend: { position: 'top' } },
|
||||
scales: {
|
||||
y: { beginAtZero: true, title: { display: true, text: 'Avg -log(prob)' } }
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
const ctx2 = document.getElementById('lengthChart').getContext('2d');
|
||||
new Chart(ctx2, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ['Turn 1', 'Turn 2', 'Turn 3'],
|
||||
datasets: [
|
||||
{
|
||||
label: 'praise_probe1 — Word Count',
|
||||
data: [244, 141, 76],
|
||||
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
||||
},
|
||||
{
|
||||
label: 'neutral_probe1 — Word Count',
|
||||
data: [244, 149, 106],
|
||||
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
||||
},
|
||||
{
|
||||
label: 'hostile_probe1 — Word Count',
|
||||
data: [244, 161, 122],
|
||||
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
plugins: { legend: { position: 'top' } },
|
||||
scales: {
|
||||
y: { beginAtZero: true, title: { display: true, text: 'Word Count' } }
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user