Skip to content

Instantly share code, notes, and snippets.

View JenniferFuBook's full-sized avatar

Jennifer Fu JenniferFuBook

24 followers · 0 following
View GitHub Profile
@JenniferFuBook
JenniferFuBook / dalle.variation.index.tsx
Created December 30, 2022 18:32
import React from 'react';
import styles from '../styles/Home.module.css';
const IMAGE_COUNT = 10;
const IMAGE_SIZE = 1024;
export default function Home() {
const [value, setValue] = React.useState<string>('');
const [fileName, setFileName] = React.useState<string>('');
const [imageIndex, setImageIndex] = React.useState<number>(0);
@JenniferFuBook
JenniferFuBook / dalle.hello.ts
Last active December 30, 2022 18:38
import type { NextApiRequest, NextApiResponse } from 'next'
import { Configuration, OpenAIApi, ImagesResponseDataInner } from 'openai';
const configuration = new Configuration({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
type Data = {
result: ImagesResponseDataInner[],
@JenniferFuBook
JenniferFuBook / dalle.Home.module.css
Created December 30, 2022 06:14
.main {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 2rem;
}
.main iframe {
border: none;
@JenniferFuBook
JenniferFuBook / dalle.index.tsx
Last active December 30, 2022 19:49
import React from 'react';
import styles from '../styles/Home.module.css';
const IMAGE_COUNT = 10;
const IMAGE_SIZE = 1024;
export default function Home() {
const [value, setValue] = React.useState<string>('');
const [prompt, setPrompt] = React.useState<string>('');
const [imageIndex, setImageIndex] = React.useState<number>(0);
@JenniferFuBook
JenniferFuBook / HighchartsParallel.Coordinates.App9.js
Last active December 28, 2022 18:40
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsParallelCoordinates(Highcharts);
@JenniferFuBook
JenniferFuBook / Highcharts.ParallelCoordinates.App8.js
Created December 28, 2022 05:10
import './App.css';
import { useRef } from 'react';
import useInterval from '@use-it/interval';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
@JenniferFuBook
JenniferFuBook / Highcharts.ParallelCoordinates.7.App.js
Last active December 28, 2022 07:15
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsParallelCoordinates(Highcharts);
@JenniferFuBook
JenniferFuBook / Highcharts.ParallelCoordinates.6.App.js
Last active December 28, 2022 07:12
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsParallelCoordinates(Highcharts);
@JenniferFuBook
JenniferFuBook / Highcharts.ParallelCoordinates.5.App.js
Last active December 28, 2022 07:10
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsParallelCoordinates(Highcharts);
@JenniferFuBook
JenniferFuBook / Highcharts.ParallelCoordinates.4.App.js
Last active December 28, 2022 07:04
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsParallelCoordinates from 'highcharts/modules/parallel-coordinates';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsParallelCoordinates(Highcharts);