md`# Dart-Pad
[Embedding Guide](https://github.com/dart-lang/dart-pad/wiki/Embedding-Guide#embed-darthtml)
[Origin](https://dartpad.dev/)
`
viewof mode = select(["inline", "dart", "flutter", "html"])
html`<iframe style="width:960px;height:400px;" src="https://dartpad.dev/embed-${mode}.html?id=5d70bc1889d055c7a18d35d77874af88&split=80&theme=dark"></iframe>
`
md`
## Flutter HelloWorld Sample
\`\`\`dart
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Text('Hello, World!', style: Theme.of(context).textTheme.headline4);
}
}
\`\`\`
`
import { select } from "@jashkenas/inputs"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
