23070-NYCUPublicArt
/
Source-Web-23070-DataAnalysis
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
main
reng 1 month ago
parent 0d7ad4d973
commit 6fdef9f6c6
2 changed files with 6 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      v2/app/src/components/graph.jsx
  2. 10
      v2/app/src/components/point.jsx

2
v2/app/src/components/graph.jsx
Unescape View File

@ -14,7 +14,7 @@ export default function Graph({results}){
const [lines, setLines]=useState(); const [lines, setLines]=useState();
const [drawLines, setDrawLines]=useState(false); const [drawLines, setDrawLines]=useState(false);
const [showContent, setShowContent]=useState(false); const [showContent, setShowContent]=useState(true);
const [showKeyword, setShowKeyword]=useState(false); const [showKeyword, setShowKeyword]=useState(false);
const bounds = useBounds(); const bounds = useBounds();

10
v2/app/src/components/point.jsx
Unescape View File

@ -5,14 +5,14 @@ import gsap from 'gsap';
export const PointScale=200; export const PointScale=200;
const PointSize=1; const PointSize=2;
const PointDuration=10; const PointDuration=3;
const KeywordOffset=0; const KeywordOffset=0;
const TextToShow=20; const TextToShow=10;
export default function Point({point, index, totalPoints, result, showContent, showkeyword}) { export default function Point({point, index, totalPoints, result, showContent, showKeyword}) {
const [payload, setPayload]=useState(); const [payload, setPayload]=useState();
const [showPayload, setShowPayload]=useState(false); const [showPayload, setShowPayload]=useState(false);
@ -94,7 +94,7 @@ export default function Point({point, index, totalPoints, result, showContent, s
/> />
<Html> <Html>
<div ref={refText} className='text-white p-2 w-[20vw] select-none translate-x-[-50%] translate-y-[-50%] text-center opacity-0'> <div ref={refText} className='text-white p-2 w-[20vw] select-none translate-x-[-50%] translate-y-[-50%] text-center opacity-0'>
{showkeyword && <div className='flex flex-row justify-center flex-wrap text=[2rem]'> {showKeyword && <div className='flex flex-row justify-center flex-wrap text=[2rem]'>
{payload?.keywords.map((el, index)=><span key={index} className='px-2' style={{transform: `translate(${Math.random() * KeywordOffset}px,${Math.random() * KeywordOffset}px)`}}>{el}</span>)} {payload?.keywords.map((el, index)=><span key={index} className='px-2' style={{transform: `translate(${Math.random() * KeywordOffset}px,${Math.random() * KeywordOffset}px)`}}>{el}</span>)}
</div>} </div>}
{showContent && <pre className='text-xs w-[25vw] whitespace-pre-wrap text-white rounded p-2'>{(()=>{ {showContent && <pre className='text-xs w-[25vw] whitespace-pre-wrap text-white rounded p-2'>{(()=>{

Write Preview
Loading…
Cancel
Save